Refactored boilerplate

Author: pingrishabh

jsconfig.json

@@ -1,9 +1,13 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "paths": {
+      "@styles/*": [
+        "styles/*"
+      ],
       "@components/*": [
-        "./*"
-      ]
+        "components/*"
+      ],
     }
   }
 }

pages/_app.js

@@ -1,4 +1,4 @@
-import "@components/styles/globals.css";
+import "@styles/globals.css";
 
 export default function App({ Component, pageProps }) {
   return <Component {...pageProps} />;

pages/index.js

@@ -3,5 +3,5 @@ import { Inter } from "next/font/google";
 const inter = Inter({ subsets: ["latin"] });
 
 export default function Home() {
-  return <p>Test</p>;
+  return <p className="text-red-500">Test</p>;
 }

tailwind.config.js

@@ -1,6 +1,6 @@
-const { fontFamily } = require("tailwindcss/defaultTheme");
+import { fontFamily } from "tailwindcss/defaultTheme";
 
-module.exports = {
+export default {
   content: [
     "./pages/**/*.{js,ts,jsx,tsx}",
     "./components/**/*.{js,ts,jsx,tsx}",