chore: add plausible.io analytics

Author: with-heart

frontend/next.config.js

@@ -1,5 +1,6 @@
+const { withPlausibleProxy } = require('next-plausible');
 const { i18n } = require('./next-i18next.config');
 
-module.exports = {
+module.exports = withPlausibleProxy({
   i18n,
-};
+});

frontend/package.json

@@ -20,6 +20,7 @@
     "jest": "^27.2.0",
     "next": "^11.1.2",
     "next-i18next": "^8.8.0",
+    "next-plausible": "^3.1.4",
     "react": "^17.0.2",
     "react-confetti": "^6.0.1",
     "react-dom": "^17.0.2",

frontend/src/pages/_app.tsx

@@ -9,6 +9,7 @@ import { AppProps } from 'next/app';
 
 import { DEVELOPER_DAO_WEBSITE } from '../utils/DeveloperDaoConstants';
 import { theme } from '../theme';
+import PlausibleProvider from 'next-plausible';
 
 const socialBanner = `${DEVELOPER_DAO_WEBSITE}/social-banner.png`;
 
@@ -134,9 +135,11 @@ user's mobile device or desktop. See https://developers.google.com/web/fundament
 const App = ({ Component, pageProps }: AppProps) => (
   <>
     <SEO />
-    <ChakraProvider theme={theme}>
-      <Component {...pageProps} />
-    </ChakraProvider>
+    <PlausibleProvider domain="developerdao.com">
+      <ChakraProvider theme={theme}>
+        <Component {...pageProps} />
+      </ChakraProvider>
+    </PlausibleProvider>
   </>
 );
 

frontend/yarn.lock

@@ -7494,6 +7494,11 @@ next-i18next@^8.8.0:
     i18next-fs-backend "^1.0.7"
     react-i18next "^11.8.13"
 
+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-tick@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz"