configure plausible (#4)

technophile-04 · web-flow · commit daa76d489bba · 2025-01-16T17:11:48.000+01:00
diff --git a/packages/nextjs/app/layout.tsx b/packages/nextjs/app/layout.tsx
@@ -1,6 +1,7 @@
 import { DotGothic16, Fira_Code, Press_Start_2P } from "next/font/google";
 import "@rainbow-me/rainbowkit/styles.css";
 import clsx from "clsx";
+import PlausibleProvider from "next-plausible";
 import { ScaffoldEthApp } from "~~/components/ScaffoldEthApp";
 import { ScaffoldEthAppProviders } from "~~/components/ScaffoldEthAppProviders";
 import { ThemeProvider } from "~~/components/ThemeProvider";
@@ -26,6 +27,9 @@ const pressStart = Press_Start_2P({
 const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <html suppressHydrationWarning className={clsx(firaCode.className, dotGothic.variable, pressStart.variable)}>
+      <head>
+        <PlausibleProvider domain="ctf.buidlguidl.com" />
+      </head>
       <body className="bg-[url(/dot-texture.svg)]">
         <ThemeProvider enableSystem>
           <ScaffoldEthAppProviders>
diff --git a/packages/nextjs/next.config.js b/packages/nextjs/next.config.js
@@ -1,7 +1,9 @@
 // @ts-check
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { withPlausibleProxy } = require("next-plausible");
 
 /** @type {import('next').NextConfig} */
-const nextConfig = {
+const nextConfig = withPlausibleProxy()({
   reactStrictMode: true,
   typescript: {
     ignoreBuildErrors: process.env.NEXT_PUBLIC_IGNORE_BUILD_ERROR === "true",
@@ -14,6 +16,6 @@ const nextConfig = {
     config.externals.push("pino-pretty", "lokijs", "encoding");
     return config;
   },
-};
+});
 
 module.exports = nextConfig;
diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json
@@ -27,6 +27,7 @@
     "next": "~14.0.4",
     "next-mdx-remote": "^5.0.0",
     "next-nprogress-bar": "^2.3.13",
+    "next-plausible": "^3.12.4",
     "next-themes": "~0.2.1",
     "qrcode.react": "~3.1.0",
     "react": "~18.2.0",
diff --git a/yarn.lock b/yarn.lock
@@ -3167,6 +3167,7 @@ __metadata:
     next: ~14.0.4
     next-mdx-remote: ^5.0.0
     next-nprogress-bar: ^2.3.13
+    next-plausible: ^3.12.4
     next-themes: ~0.2.1
     postcss: ~8.4.16
     prettier: ~2.8.4
@@ -13131,6 +13132,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"next-plausible@npm:^3.12.4":
+  version: 3.12.4
+  resolution: "next-plausible@npm:3.12.4"
+  peerDependencies:
+    next: "^11.1.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 "
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: f8ae32eae3b8f4f45e1bdf1ab1aaf6be9ff184468c90253f4920a0cca01b426610c7ac85d082970e614f6f05b3679b9e68aae13ee5081a3d5bd003baaf11005a
+  languageName: node
+  linkType: hard
+
 "next-themes@npm:~0.2.1":
   version: 0.2.1
   resolution: "next-themes@npm:0.2.1"
