Add speed insights and use new @vercel/analytics for next (#173)

rauchg · Dec 1, 2024 · a20122d · a20122d
1 parent 44039ad
commit a20122d
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 10 deletions.
diff --git a/app/analytics.tsx b/app/analytics.tsx
@@ -1,6 +1,12 @@
 "use client";
-import { Analytics as AnalyticsComponent } from "@vercel/analytics/react";
+import { Analytics as AnalyticsComponent } from "@vercel/analytics/next";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 export function Analytics() {
-  return <AnalyticsComponent />;
+  return (
+    <>
+      <AnalyticsComponent />
+      <SpeedInsights />
+    </>
+  );
 }
diff --git a/package.json b/package.json
@@ -9,7 +9,8 @@
     "@next/mdx": "15.0.2",
     "@types/node-fetch": "^2.6.2",
     "@upstash/redis": "^1.20.1",
-    "@vercel/analytics": "^1.0.0",
+    "@vercel/analytics": "^1.4.1",
+    "@vercel/speed-insights": "^1.1.0",
     "comma-number": "^2.1.0",
     "date-fns": "^2.29.3",
     "image-size": "^1.0.2",

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