feat(changelog): Add next-plausible (#12368)

chargome · web-flow · commit 8475e480b801 · 2025-01-16T15:11:22.000+01:00
diff --git a/apps/changelog/package.json b/apps/changelog/package.json
@@ -29,6 +29,7 @@
     "next": "15.1.2",
     "next-auth": "^4.24.5",
     "next-mdx-remote": "^4.4.1",
+    "next-plausible": "^3.12.4",
     "nextjs-toploader": "^1.6.6",
     "nuqs": "^1.17.7",
     "prism-sentry": "^1.0.2",
@@ -66,4 +67,4 @@
     "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
   }
-}
+}
diff --git a/apps/changelog/src/app/layout.tsx b/apps/changelog/src/app/layout.tsx
@@ -4,6 +4,7 @@ import {Theme} from '@radix-ui/themes';
 import type {Metadata} from 'next';
 import {Rubik} from 'next/font/google';
 import Script from 'next/script';
+import PlausibleProvider from 'next-plausible';
 
 const rubik = Rubik({
   weight: ['400', '500', '700'],
@@ -33,17 +34,14 @@ export const metadata: Metadata = {
 export default function RootLayout({children}: {children: React.ReactNode}) {
   return (
     <html lang="en">
+      <head>
+        <PlausibleProvider domain="changelog.sentry.io" />
+      </head>
       <body className={`${rubik.variable}`}>
         <Theme accentColor="iris" grayColor="sand" radius="large" scaling="95%">
           {children}
         </Theme>
       </body>
-      <Script
-        defer
-        data-domain="docs.sentry.io,rollup.sentry.io"
-        data-api="https://plausible.io/api/event"
-        src="https://plausible.io/js/script.tagged-events.js"
-      />
     </html>
   );
 }
