speed-analytics

Author: Sparths

app/layout.tsx

@@ -5,6 +5,7 @@ import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import { Analytics } from "@vercel/analytics/react"
 import { Toaster } from "@/components/ui/toaster"
+import { SpeedInsights } from "@vercel/speed-insights/next"
 
 export const metadata: Metadata = {
   title: 'Code Gems',
@@ -43,6 +44,7 @@ export default function RootLayout({
           <Footer />
           <Toaster />
           <Analytics />
+          <SpeedInsights/>
       </body>
     </html>
   )

package-lock.json

@@ -12,6 +12,7 @@
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-toast": "^1.2.4",
     "@vercel/analytics": "^1.4.1",
+    "@vercel/speed-insights": "^1.1.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.469.0",