ga

apps/www/src/app/layout.tsx

@@ -13,6 +13,7 @@ import { siteConfig } from '@/config/site';
 import { fontSans } from '@/lib/fonts';
 
 import '@/styles/globals.css';
+import { GA } from '@/components/analytics/ga';
 
 export const metadata: Metadata = {
   authors: [
@@ -103,6 +104,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
         </Providers>
         <TailwindIndicator />
 
+        <GA />
         <Toaster />
       </body>
     </html>

apps/www/src/components/analytics/ga.tsx

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+
+import { GoogleAnalytics } from '@next/third-parties/google';
+
+export const GA: FC = () => {
+  if (!process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID) {
+    return null;
+  }
+
+  return <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID} />;
+};

turbo.json

@@ -11,6 +11,7 @@
       "env": [
         "COMPONENTS_BASE_URL",
         "NEXT_PUBLIC_APP_URL",
+        "NEXT_PUBLIC_GA_MEASUREMENT_ID",
         "NODE_ENV",
         "npm_config_user_agent",
         "https_proxy"