Add Vercel Analytics and Speed Insights integration (#468)

dieDeMiguel · web-flow · commit 29cfcbe47d76 · 2025-08-14T18:10:09.000+02:00
- Updated next.config.ts to include experimental features.
- Added @vercel/analytics and @vercel/speed-insights dependencies in package.json.
- Integrated SpeedInsights component in app/layout.tsx for performance tracking.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import { Geist } from 'next/font/google';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 import './globals.css';
 
 const geistSans = Geist({
@@ -19,7 +20,10 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={`${geistSans.variable} antialiased`}>{children}</body>
+      <body className={`${geistSans.variable} antialiased`}>
+        {children}
+        <SpeedInsights />
+      </body>
     </html>
   );
 }
diff --git a/next.config.ts b/next.config.ts
@@ -2,6 +2,23 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  experimental: {
+    // Enable experimental features if needed
+  },
+  // Ensure proper handling of Vercel Analytics and Speed Insights
+  // headers: async () => {
+  //   return [
+  //     {
+  //       source: '/_vercel/speed-insights/script.js',
+  //       headers: [
+  //         {
+  //           key: 'Cache-Control',
+  //           value: 'public, max-age=31536000, immutable',
+  //         },
+  //       ],
+  //     },
+  //   ];
+  // },
 };
 
 export default nextConfig;
diff --git a/package.json b/package.json
@@ -11,6 +11,8 @@
     "@radix-ui/react-popover": "^1.1.13",
     "@radix-ui/react-slot": "^1.2.2",
     "@upstash/redis": "^1.34.9",
+    "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "frimousse": "^0.2.0",
@@ -28,5 +30,6 @@
     "tailwindcss": "^4.1.6",
     "tw-animate-css": "^1.2.9",
     "typescript": "^5.8.3"
-  }
+  },
+  "packageManager": "pnpm@10.12.4+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
