Add PurgeCSS

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "starter-graffapp",
+  "name": "graffapp-starter",
   "version": "0.1.0",
   "private": true,
   "scripts": {

pages/index.js

@@ -2,8 +2,8 @@ import Head from 'next/head'
 
 export default function Home() {
   return (
-    <h1 className="text-3xl font-bold underline">
-      Hello world!
+    <h1 className="text-3xl font-bold font-mono text-orange-700 underline">
+      hello, world!
     </h1>
   )
 }

postcss.config.js

@@ -1,6 +1,21 @@
 module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+  plugins: [
+    'tailwindcss',
+    'autoprefixer',
+    [
+      "@fullhuman/postcss-purgecss",
+      process.env.NODE_ENV === "production"
+        ? {
+            // the paths to all template files
+            content: [
+              "./pages/**/*.{js,jsx,ts,tsx}",
+              "./components/**/*.{js,jsx,ts,tsx}",
+            ],
+            // function used to extract class names from the templates
+            defaultExtractor: (content) =>
+              content.match(/[\w-/:]+(?<!:)/g) || [],
+          }
+      : false,
+    ],
+  ],
+};