From f3440f2d488ef6525404e5c6bd8b1073330b3cc5 Mon Sep 17 00:00:00 2001
From: asyrafnorafandi <asyrafnorafandi@gmail.com>
Date: Sat, 31 Aug 2024 12:20:35 +0800
Subject: [PATCH] feat: Add Google Analytics

---
 app/layout.tsx    |  2 ++
 package-lock.json | 22 +++++++++++++++++++++-
 package.json      |  3 ++-
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index c0a9661..66e8d79 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import ParticlesBackground from "@/components/particles";
+import { GoogleAnalytics } from "@next/third-parties/google";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -22,6 +23,7 @@ export default function RootLayout({
           </div>
         </ParticlesBackground>
       </body>
+      <GoogleAnalytics gaId="G-EJ5FCMTW57" />
     </html>
   );
 }
diff --git a/package-lock.json b/package-lock.json
index 2bd6cd4..10d4430 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,10 +8,11 @@
       "name": "acapah.dev",
       "version": "0.1.0",
       "dependencies": {
+        "@next/third-parties": "^14.2.7",
         "@tsparticles/engine": "^3.5.0",
         "@tsparticles/react": "^3.0.0",
         "@tsparticles/slim": "^3.5.0",
-        "next": "14.2.7",
+        "next": "^14.2.7",
         "react": "^18",
         "react-dom": "^18",
         "react-scroll": "^1.9.0"
@@ -399,6 +400,19 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@next/third-parties": {
+      "version": "14.2.7",
+      "resolved": "https://registry.npmjs.org/@next/third-parties/-/third-parties-14.2.7.tgz",
+      "integrity": "sha512-cE/1MAvmbKFZ9VCCj+Gvv21rMm/72JRTeLr24QEqCBNe17xuXyCzg9c7cRCXLdbk1VTBSALZCK9o13gbOvSMKA==",
+      "license": "MIT",
+      "dependencies": {
+        "third-party-capital": "1.0.20"
+      },
+      "peerDependencies": {
+        "next": "^13.0.0 || ^14.0.0",
+        "react": "^18.2.0"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -5249,6 +5263,12 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/third-party-capital": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmjs.org/third-party-capital/-/third-party-capital-1.0.20.tgz",
+      "integrity": "sha512-oB7yIimd8SuGptespDAZnNkzIz+NWaJCu2RMsbs4Wmp9zSDUM8Nhi3s2OOcqYuv3mN4hitXc8DVx+LyUmbUDiA==",
+      "license": "ISC"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
diff --git a/package.json b/package.json
index b253d24..51bea50 100644
--- a/package.json
+++ b/package.json
@@ -9,10 +9,11 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@next/third-parties": "^14.2.7",
     "@tsparticles/engine": "^3.5.0",
     "@tsparticles/react": "^3.0.0",
     "@tsparticles/slim": "^3.5.0",
-    "next": "14.2.7",
+    "next": "^14.2.7",
     "react": "^18",
     "react-dom": "^18",
     "react-scroll": "^1.9.0"