chore: add tailwindcss

Author: pbteja1998

package.json

@@ -15,6 +15,9 @@
   },
   "devDependencies": {
     "@types/react": "17.0.3",
+    "autoprefixer": "10.2.5",
+    "postcss": "8.2.10",
+    "tailwindcss": "2.1.1",
     "typescript": "4.2.4"
   }
 }

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/pages/_app.tsx

@@ -1,4 +1,5 @@
 import type { AppProps } from 'next/app'
+import 'tailwindcss/tailwind.css'
 import '../styles/globals.css'
 
 function MyApp({ Component, pageProps }: AppProps) {

tailwind.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  purge: ['./src/**/*.{js,ts,jsx,tsx}'],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}