Skip to content

Commit 2b13267

Browse files
PatatoBitPatatoBit
committed
Setup and TailwindCSS
1 parent 3702f95 commit 2b13267

13 files changed

+367
-100
lines changed

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
22

3+
.vscode
4+
35
# dependencies
46
/node_modules
57
/.pnp

‎package.json

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,12 @@
99
"lint": "next lint"
1010
},
1111
"dependencies": {
12+
"autoprefixer": "^10.4.7",
1213
"next": "12.1.6",
14+
"postcss": "^8.4.14",
1315
"react": "18.2.0",
14-
"react-dom": "18.2.0"
16+
"react-dom": "18.2.0",
17+
"tailwindcss": "^3.1.4"
1518
},
1619
"devDependencies": {
1720
"@types/node": "18.0.0",

‎pages/index.tsx

Lines changed: 0 additions & 72 deletions
This file was deleted.

‎postcss.config.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
}

‎pages/_app.tsx renamed to ‎src/pages/_app.tsx

File renamed without changes.

‎src/pages/_document.tsx

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import Document, { Html, Head, Main, NextScript } from 'next/document'
2+
3+
class MyDocument extends Document {
4+
render() {
5+
return (
6+
<Html>
7+
<Head>
8+
<link rel="preconnect" href="https://fonts.googleapis.com" />
9+
<link rel="preconnect" href="https://fonts.gstatic.com" />
10+
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@200&display=swap" rel="stylesheet" />
11+
</Head>
12+
<body>
13+
<Main />
14+
<NextScript />
15+
</body>
16+
</Html>
17+
)
18+
}
19+
}
20+
21+
export default MyDocument

‎pages/api/hello.ts renamed to ‎src/pages/api/hello.ts

File renamed without changes.

‎src/pages/index.tsx

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import type { NextPage } from 'next'
2+
3+
const Home: NextPage = () => {
4+
return (
5+
<>
6+
<div className="flex flex-col w-full h-screen items-center justify-center bg-slate-800">
7+
<h1 className="text-5xl text-yellow-300">
8+
Light Touch
9+
</h1>
10+
11+
<div className="mt-10 border-4 border-yellow-300 rounded-full w-80 h-80 hover:shadow-yellow-200 hover:shadow-2xl hover:bg-yellow-200 transition-all"></div>
12+
</div>
13+
</>
14+
)
15+
}
16+
17+
export default Home

‎styles/Home.module.css renamed to ‎src/styles/Home.module.css

File renamed without changes.

‎src/styles/globals.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
* {
6+
font-family: 'Prompt', sans-serif;
7+
}

‎styles/globals.css

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎tailwind.config.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/** @type {import('tailwindcss').Config} */
2+
module.exports = {
3+
content: [
4+
"./src//pages/**/*.{js,ts,jsx,tsx}",
5+
"./src/components/**/*.{js,ts,jsx,tsx}",
6+
],
7+
theme: {
8+
extend: {},
9+
},
10+
plugins: [],
11+
}

0 commit comments

Comments
 (0)