diff --git a/package-lock.json b/package-lock.json
index 5c46538..38bb4db 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "license": "ISC",
       "dependencies": {
+        "@vercel/analytics": "^1.6.1",
         "eslint": "8.36.0",
         "eslint-config-next": "13.2.4",
         "framer-motion": "^10.12.4",
@@ -22,6 +23,9 @@
         "autoprefixer": "^10.4.14",
         "postcss": "^8.4.31",
         "tailwindcss": "^3.3.1"
+      },
+      "engines": {
+        "node": "22.x"
       }
     },
     "node_modules/@babel/runtime": {
@@ -559,6 +563,44 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.6.1.tgz",
+      "integrity": "sha512-oH9He/bEM+6oKlv3chWuOOcp8Y6fo6/PSro8hEkgCW3pu9/OiCXiUpRUogDh3Fs3LH2sosDrx8CxeOLBEE+afg==",
+      "license": "MPL-2.0",
+      "peerDependencies": {
+        "@remix-run/react": "^2",
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@remix-run/react": {
+          "optional": true
+        },
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/acorn": {
       "version": "8.8.2",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
diff --git a/package.json b/package.json
index 164cddd..02a2b6d 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@vercel/analytics": "^1.6.1",
     "eslint": "8.36.0",
     "eslint-config-next": "13.2.4",
     "framer-motion": "^10.12.4",
@@ -38,4 +39,4 @@
     "url": "https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/issues"
   },
   "homepage": "https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code#readme"
-}
\ No newline at end of file
+}
diff --git a/src/pages/_app.js b/src/pages/_app.js
index 0e35657..2a4d500 100644
--- a/src/pages/_app.js
+++ b/src/pages/_app.js
@@ -3,6 +3,7 @@ import NavBar from "@/components/NavBar"
 import "@/styles/globals.css"
 import { Inter, Montserrat } from "next/font/google"
 import About from "./about"
+import { Analytics } from '@vercel/analytics/react';
 
 const montserrat = Montserrat({
   subsets: ["latin"],
@@ -10,10 +11,13 @@ const montserrat = Montserrat({
 })
 export default function App({ Component, pageProps }) {
   return (
-    <main className={`${montserrat.variable} font-mont bg-light w-full min-h-screen dark:bg-dark`}>
-      <NavBar />
-      <Component {...pageProps} />
-      <Footer />
-    </main>
+    <>
+      <main className={`${montserrat.variable} font-mont bg-light w-full min-h-screen dark:bg-dark`}>
+        <NavBar />
+        <Component {...pageProps} />
+        <Footer />
+      </main>
+      <Analytics />
+    </>
   )
 }