diff --git a/app/layout.jsx b/app/layout.jsx
index 81dea7e..7b5c316 100644
--- a/app/layout.jsx
+++ b/app/layout.jsx
@@ -5,6 +5,7 @@ import { config } from "@fortawesome/fontawesome-svg-core";
 import "@fortawesome/fontawesome-svg-core/styles.css";
 config.autoAddCss = false;
 import "./nprogress.css";
+import { Analytics } from "@vercel/analytics/react";
 
 export const metadata = {
 	title: "Alvalens | Portofolio",
@@ -66,11 +67,11 @@ export default function RootLayout({ children }) {
 	return (
 		<html lang="en">
 			<body>
-				
 				<TopProgressBar />
 				<Navbar />
 				{children}
 				<Chat />
+				<Analytics />
 			</body>
 		</html>
 	);
diff --git a/package.json b/package.json
index 941461f..2209c2d 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@fullpage/react-fullpage": "^0.1.40",
+    "@vercel/analytics": "^1.0.2",
     "autoprefixer": "10.4.15",
     "eslint": "8.48.0",
     "eslint-config-next": "13.4.19",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3a2abf6..16503ff 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,6 +23,9 @@ dependencies:
   '@fullpage/react-fullpage':
     specifier: ^0.1.40
     version: 0.1.40
+  '@vercel/analytics':
+    specifier: ^1.0.2
+    version: 1.0.2
   autoprefixer:
     specifier: 10.4.15
     version: 10.4.15(postcss@8.4.28)
@@ -467,6 +470,10 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: false
 
+  /@vercel/analytics@1.0.2:
+    resolution: {integrity: sha512-BZFxVrv24VbNNl5xMxqUojQIegEeXMI6rX3rg1uVLYUEXsuKNBSAEQf4BWEcjQDp/8aYJOj6m8V4PUA3x/cxgg==}
+    dev: false
+
   /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies: