feat: installed and set up preline UI

TechIsHiring · Aug 2, 2023 · 2e8652f · 2e8652f
1 parent f11cb83
commit 2e8652f
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,6 +26,7 @@
     "next": "^13.2.4",
     "next-sitemap": "^3.1.29",
     "posthog-js": "^1.33.0",
+    "preline": "^1.9.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.6.0",

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -16,6 +16,10 @@ function MyApp({ Component, pageProps }: ComponentWithPageLayout) {
   // From documentation on using Posthog with Next.js: https://posthog.com/docs/integrate/third-party/next-js
   const router = useRouter();
 
+  useEffect(() => {
+    import('preline')
+  }, [])
+
   useEffect(() => {
     initiateAnalytics();
 

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
+    'node_modules/preline/dist/*.js',
     "./src/pages/**/*.{js,ts,jsx,tsx}",
     "./src/components/**/*.{js,ts,jsx,tsx}"
   ],
@@ -36,5 +37,7 @@ module.exports = {
       }
     }
   },
-  plugins: []
+  plugins: [
+    require('preline/plugin'),
+  ]
 };