fix: conditionally render analytics scripts based on environment variables

LuggaPugga · LuggaPugga · commit 3d50dfed431e · 2025-07-07T00:09:09.000+02:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -22,18 +22,22 @@ export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
       <body className="flex flex-col min-h-screen">
-        <Script
-          defer
-          data-domain={process.env.NEXT_PUBLIC_ANALYTICS_DOMAIN}
-          src={process.env.NEXT_PUBLIC_ANALYTICS_URL}
-          id="plausible-script"
-        />
-        <Script
-          dangerouslySetInnerHTML={{
-            __html: `window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }`,
-          }}
-          id="plausible-window"
-        />
+        {process.env.NEXT_PUBLIC_ANALYTICS_DOMAIN && process.env.NEXT_PUBLIC_ANALYTICS_URL && (
+          <>
+            <Script
+              defer
+              data-domain={process.env.NEXT_PUBLIC_ANALYTICS_DOMAIN}
+              src={process.env.NEXT_PUBLIC_ANALYTICS_URL}
+              id="plausible-script"
+            />
+            <Script
+              dangerouslySetInnerHTML={{
+                __html: `window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }`,
+              }}
+              id="plausible-window"
+            />
+          </>
+        )}
         <RootProvider>{children}</RootProvider>
       </body>
     </html>
