added initial tooling (#570)

* added initial tooling * fix .gitignore * fix the _document.tsx
Vets-Who-Code · Mar 17, 2024 · c87829a · c87829a
1 parent 6b086f4
commit c87829a
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 8 deletions.
diff --git a/.gitignore b/.gitignore
@@ -32,6 +32,7 @@ yarn-error.log*
 # local env files
 .env*.local
 .env
+.env*.production
 
 # vercel
 .vercel
@@ -46,7 +47,9 @@ public/workbox-*.js
 # Sitemap
 /public/robots.txt
 /public/sitemap.xml
-/public/sitemap-*.xml
-/test-results/
-/playwright-report/
-/playwright/.cache/
+/public/sitemap-*.xml
+/test-results/
+/playwright-report/
+/playwright/.cache/
+
+
diff --git a/env.local b/env.local
@@ -0,0 +1 @@
+NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=G-WSXY307CRR
diff --git a/env.production b/env.production
@@ -0,0 +1 @@
+NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=G-WSXY307CRR
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -5,10 +5,27 @@ import Document, { Html, Head, Main, NextScript } from "next/document";
 export default class MyDocument extends Document {
     render() {
         const pageProps = this.props?.__NEXT_DATA__?.props?.pageProps;
+        const gaId = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID; // Get the GA ID from environment variables
 
         return (
             <Html lang="en">
-                <Head />
+                <Head>
+                    {gaId && ( // Only include the script if the GA ID is present
+                        <>
+                            <script async src={`https://www.googletagmanager.com/gtag/js?id=${gaId}`} /> {/* Make self-closing */}
+                            <script
+                                dangerouslySetInnerHTML={{
+                                    __html: `
+                                        window.dataLayer = window.dataLayer || [];
+                                        function gtag(){dataLayer.push(arguments);}
+                                        gtag('js', new Date());
+                                        gtag('config', '${gaId}');
+                                    `,
+                                }}
+                            /> {/* Make self-closing */}
+                        </>
+                    )}
+                </Head>
                 <body className={pageProps.className}>
                     <Main />
                     <div id="portal" />

diff --git a/yarn.lock b/yarn.lock
@@ -1161,9 +1161,9 @@
   dependencies:
     "glob" "7.1.7"
 
-"@next/swc-darwin-x64@12.2.2":
-  "integrity" "sha512-dztDtvfkhUqiqpXvrWVccfGhLe44yQ5tQ7B4tBfnsOR6vxzI9DNPHTlEOgRN9qDqTAcFyPxvg86mn4l8bB9Jcw=="
-  "resolved" "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.2.2.tgz"
+"@next/swc-darwin-arm64@12.2.2":
+  "integrity" "sha512-JCoGySHKGt+YBk7xRTFGx1QjrnCcwYxIo3yGepcOq64MoiocTM3yllQWeOAJU2/k9MH0+B5E9WUSme4rOCBbpA=="
+  "resolved" "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.2.2.tgz"
   "version" "12.2.2"
 
 "@nodelib/[email protected]":