feat: add vercel SpeedInsights

Bakhaw · Jan 13, 2024 · e84981c · e84981c
1 parent e1b6aae
commit e84981c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,4 +1,5 @@
-import type { Metadata, Viewport } from "next";
+import type { Metadata } from "next";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 import localFont from "next/font/local";
 
@@ -58,7 +59,10 @@ function RootLayout({ children }: Props) {
       >
         <SessionProvider>
           <Providers>
-            <Layout>{children}</Layout>
+            <Layout>
+              {children}
+              <SpeedInsights />
+            </Layout>
           </Providers>
         </SessionProvider>
       </body>

diff --git a/package.json b/package.json
@@ -30,6 +30,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "^5.17.9",
     "@tanstack/react-query-devtools": "^5.17.9",
+    "@vercel/speed-insights": "^1.0.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "colorthief": "^2.4.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml