Setup the Next.js app with Tailwind

prutya · Oct 17, 2023 · 77a32d3 · 77a32d3
1 parent 119d2ad
commit 77a32d3
Show file tree

Hide file tree

Showing 8 changed files with 2,118 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -6,3 +6,5 @@
 !.yarn/versions
 .pnp.*
 node_modules
+.next
+out
diff --git a/package.json b/package.json
@@ -1,4 +1,20 @@
 {
   "name": "05_react-multi-select-dropdown",
-  "packageManager": "yarn@3.6.4"
+  "packageManager": "yarn@3.6.4",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "13.5.5",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "autoprefixer": "10.4.16",
+    "postcss": "8.4.31",
+    "tailwindcss": "3.3.3"
+  }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -0,0 +1,9 @@
+import "./globals.css";
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/src/app/page.js b/src/app/page.js
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Hello!</h1>;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};