Add Plausible (#98)

Author: Tair Asim

next.config.js

@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 
-module.exports = {
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { withPlausibleProxy } = require('next-plausible')
+
+module.exports = withPlausibleProxy()({
   reactStrictMode: true,
   webpack5: true,
   serverRuntimeConfig: {
@@ -16,4 +19,4 @@ module.exports = {
 
     return config
   },
-}
+})

package.json

@@ -27,6 +27,7 @@
     "lodash.debounce": "^4.0.8",
     "next": "12",
     "next-mdx-remote": "^3.0.8",
+    "next-plausible": "^3.1.4",
     "next-themes": "^0.0.15",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

pages/_app.tsx

@@ -3,6 +3,7 @@ import { ReactElement, ReactNode } from 'react'
 import { KBarProvider } from 'kbar'
 import useActions from 'lib/useActions'
 import type { NextPage } from 'next'
+import PlausibleProvider from 'next-plausible'
 import { ThemeProvider } from 'next-themes'
 import type { AppProps } from 'next/app'
 
@@ -30,16 +31,18 @@ const Main = ({ Component, pageProps }: AppPropsWithLayout) => {
   const getLayout = Component.getLayout ?? ((page) => page)
 
   return (
-    <ThemeProvider attribute="class">
-      <SettingsProvider>
-        <EthereumProvider>
-          <KBarProvider actions={actions}>
-            {getLayout(<Component {...pageProps} />)}
-            <KBar />
-          </KBarProvider>
-        </EthereumProvider>
-      </SettingsProvider>
-    </ThemeProvider>
+    <PlausibleProvider domain="evm.codes">
+      <ThemeProvider attribute="class">
+        <SettingsProvider>
+          <EthereumProvider>
+            <KBarProvider actions={actions}>
+              {getLayout(<Component {...pageProps} />)}
+              <KBar />
+            </KBarProvider>
+          </EthereumProvider>
+        </SettingsProvider>
+      </ThemeProvider>
+    </PlausibleProvider>
   )
 }
 

yarn.lock

@@ -4176,6 +4176,11 @@ next-mdx-remote@^3.0.8:
     esbuild "^0.12.9"
     pkg-dir "^5.0.0"
 
+next-plausible@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/next-plausible/-/next-plausible-3.1.4.tgz#a386ff4e2327995cb4a1307e53e1b4af70817b52"
+  integrity sha512-NMLKJ0AKlKuvYU//RytyqSES5NtLRoH/ym3fCC02w2Ed1SrTgNRUrgpxyJrcguY/DYGPncQ3a0/nQ358vUTAwQ==
+
 next-themes@^0.0.15:
   version "0.0.15"
   resolved "https://package-cluster.production.groovehq.com/next-themes/-/next-themes-0.0.15.tgz#ab0cee69cd763b77d41211f631e108beab39bf7d"