Chore: add Google Analytics

wadehammes · Dec 21, 2024 · 7db32ce · 7db32ce
1 parent 1546396
commit 7db32ce
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 5 deletions.
diff --git a/next.config.js b/next.config.js
@@ -8,6 +8,10 @@ module.exports = {
     styledComponents: true,
     reactRemoveProperties: false,
   },
+  env: {
+    ENVIRONMENT: process.env.ENVIRONMENT,
+    GOOGLE_ANALYTICS_KEY: process.env.GOOGLE_ANALYTICS_KEY,
+  },
   webpack(config) {
     config.plugins.push(new StylelintPlugin());
 

diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
     "@jest/types": "^29.6.3",
+    "@next/third-parties": "^15.1.2",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/react": "^16.1.0",
     "classnames": "^2.5.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import isValidProp from "@emotion/is-prop-valid";
+import { GoogleAnalytics } from "@next/third-parties/google";
 import { Space_Mono } from "next/font/google";
 import StyledComponentsRegistry from "src/lib/registry";
 import { CSSRootVariables } from "src/styles/cssVariables";
@@ -22,11 +23,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html
-      lang="en"
-      className={spaceMono.className}
-      style={{ fontFamily: spaceMono.style.fontFamily }}
-    >
+    <html lang="en" className={spaceMono.className}>
       <body>
         <StyledComponentsRegistry>
           <CSSRootVariables />
@@ -35,6 +32,7 @@ export default function RootLayout({
             {children}
           </StyleSheetManager>
         </StyledComponentsRegistry>
+        <GoogleAnalytics gaId={process.env.GOOGLE_ANALYTICS_KEY as string} />
       </body>
     </html>
   );