integrate next-plausible for analytics

valebearzotti · valebearzotti · commit f3e61b68bf9d · 2025-04-08T12:01:18.000-03:00
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "next": "15.2.4",
+    "next-plausible": "^3.12.4",
     "ogl": "^1.0.11",
     "prettier": "^3.5.3",
     "react": "^19.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import { Footer } from "@/components/layout/footer";
 import { Header } from "@/components/layout/header";
+import PlausibleProvider from "next-plausible";
 import { Funnel_Display, Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 
@@ -29,13 +30,17 @@ export default async function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} ${funnelDisplay.variable} antialiased overflow-hidden`}
       >
-        <Header />
-        <main className="w-full h-auto mx-auto">
-          <div className="flex flex-col mx-auto relative justify-center items-center">
-            {children}
-          </div>
-        </main>
-        <Footer />
+        <PlausibleProvider
+          domain={process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN ?? ""}
+        >
+          <Header />
+          <main className="w-full h-auto mx-auto">
+            <div className="flex flex-col mx-auto relative justify-center items-center">
+              {children}
+            </div>
+          </main>
+          <Footer />
+        </PlausibleProvider>
       </body>
     </html>
   );
