Add Analytics component to layout.jsx

bagus0315 · Feb 24, 2024 · 37ac9a2 · 37ac9a2
1 parent c107459
commit 37ac9a2
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/app/layout.jsx b/app/layout.jsx
@@ -1,5 +1,6 @@
 import "./globals.css";
 import { inter } from "@/components/ui/fonts";
+import { Analytics } from "@vercel/analytics/react";
 
 export const metadata = {
   title: {
@@ -23,6 +24,7 @@ export default function RootLayout({ children }) {
       </head>
       <body className={`${inter.className} antialiased overflow-x-hidden`}>
         <main className="gap-2 mx-auto">{children}</main>
+        <Analytics />
       </body>
     </html>
   );

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@vercel/analytics": "^1.2.2",
     "axios": "^1.6.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",