feat: ✨ speed insights

gracefullight · Mar 24, 2024 · 5e87c9f · 5e87c9f
1 parent e425adf
commit 5e87c9f
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 4 deletions.
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -31,6 +31,7 @@
     "@trpc/server": "next",
     "@vercel/analytics": "^1.2.2",
     "@vercel/otel": "^1.6.2",
+    "@vercel/speed-insights": "^1.0.10",
     "ahooks": "^3.7.10",
     "apexcharts": "^3.48.0",
     "class-variance-authority": "^0.7.0",

diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -6,6 +6,7 @@ import { Noto_Sans_KR } from "next/font/google";
 import { cookies } from "next/headers";
 import type { ReactNode } from "react";
 
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata, Viewport } from "next";
 import { TRPCReactProvider } from "~/trpc/react";
 
@@ -79,6 +80,7 @@ export default function RootLayout({ children }: { children: ReactNode }) {
           {children}
         </TRPCReactProvider>
         <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );

diff --git a/apps/web/src/instrumentation.ts b/apps/web/src/instrumentation.ts
@@ -1,5 +1,5 @@
 import { registerOTel } from "@vercel/otel";
 
 export function register() {
-  registerOTel("doss");
+  registerOTel({ serviceName: "doss" });
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml