📈 Add Vercel Speed Insights for performance monitoring

ImJustLucas · Nov 5, 2024 · 8b3036c · 8b3036c
1 parent 6a49955
commit 8b3036c
Show file tree

Hide file tree

Showing 3 changed files with 193 additions and 115 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -10,6 +10,7 @@ import { MobileMenuProvider } from "@/contexts/menu-mobile.context";
 import ClientLayout from "./ClientLayout";
 
 import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -45,6 +46,7 @@ export default function RootLayout({
           disableTransitionOnChange
         >
           <Analytics />
+          <SpeedInsights />
           <h1 className="absolute top-96 opacity-0">ImJustLucas</h1>
           <div className="fixed bottom-5 right-5 z-10 hover:cursor-pointer">
             <Image

diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@vercel/analytics": "^1.3.2",
+    "@vercel/speed-insights": "^1.0.14",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "eslint-plugin-testing-library": "^6.4.0",