feat: add analytics script to layout for tracking web vitals and errors

LuggaPugga · LuggaPugga · commit e3d30006d756 · 2025-06-28T12:40:41.000+02:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import "./global.css"
 import { RootProvider } from "fumadocs-ui/provider"
 import { Metadata } from "next"
 import { Inter } from "next/font/google"
+import Script from "next/script"
 import type { ReactNode } from "react"
 
 const inter = Inter({
@@ -21,6 +22,13 @@ export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
       <body className="flex flex-col min-h-screen">
+        <Script
+          src={process.env.NEXT_PUBLIC_ANALYTICS_URL}
+          data-site-id={process.env.NEXT_PUBLIC_ANALYTICS_SITE_ID}
+          data-web-vitals="true"
+          data-track-errors="true"
+          async
+        />
         <RootProvider>{children}</RootProvider>
       </body>
     </html>
