add plausible and proxy it

next.config.js

@@ -0,0 +1,5 @@
+const { withPlausibleProxy } = require('next-plausible')
+
+module.exports = withPlausibleProxy()({
+  // ...your next js config, if any
+})

package-lock.json

@@ -21,6 +21,7 @@
         "mdast-util-find-and-replace": "^1.1.1",
         "next": "^10.2.3",
         "next-auth": "^3.13.3",
+        "next-plausible": "^2.0.0",
         "next-seo": "^4.24.0",
         "pageres": "^6.2.3",
         "prisma": "^2.25.0",
@@ -7077,6 +7078,19 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/next-plausible": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/next-plausible/-/next-plausible-2.0.0.tgz",
+      "integrity": "sha512-NaLrAK+LsnEyXz31qy9OjhXZlppp0aWUdKmBPgthrWeGPwLo7ojSWgWU2BzbbUOqi0XVoWjaMa3oNVDfVkyC5w==",
+      "funding": {
+        "url": "https://github.com/4lejandrito/next-plausible?sponsor=1"
+      },
+      "peerDependencies": {
+        "next": "^9.4.0 || ^10.0.0 || ^11.0.0",
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
+      }
+    },
     "node_modules/next-seo": {
       "version": "4.26.0",
       "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-4.26.0.tgz",
@@ -16800,6 +16814,12 @@
         }
       }
     },
+    "next-plausible": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/next-plausible/-/next-plausible-2.0.0.tgz",
+      "integrity": "sha512-NaLrAK+LsnEyXz31qy9OjhXZlppp0aWUdKmBPgthrWeGPwLo7ojSWgWU2BzbbUOqi0XVoWjaMa3oNVDfVkyC5w==",
+      "requires": {}
+    },
     "next-seo": {
       "version": "4.26.0",
       "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-4.26.0.tgz",

package.json

@@ -23,6 +23,7 @@
     "mdast-util-find-and-replace": "^1.1.1",
     "next": "^10.2.3",
     "next-auth": "^3.13.3",
+    "next-plausible": "^2.0.0",
     "next-seo": "^4.24.0",
     "pageres": "^6.2.3",
     "prisma": "^2.25.0",

pages/_app.js

@@ -3,6 +3,7 @@ import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client'
 import { Provider } from 'next-auth/client'
 import { FundErrorModal, FundErrorProvider } from '../components/fund-error'
 import { MeProvider } from '../components/me'
+import PlausibleProvider from 'next-plausible'
 
 const client = new ApolloClient({
   uri: '/api/graphql',
@@ -56,7 +57,7 @@ const client = new ApolloClient({
 
 function MyApp ({ Component, pageProps }) {
   return (
-    <>
+    <PlausibleProvider domain='stacker.news' trackOutboundLinks>
       <Provider session={pageProps.session}>
         <ApolloProvider client={client}>
           <MeProvider>
@@ -67,7 +68,7 @@ function MyApp ({ Component, pageProps }) {
           </MeProvider>
         </ApolloProvider>
       </Provider>
-    </>
+    </PlausibleProvider>
   )
 }