feat: add @vercel/speed-insights

pajecawav · Dec 30, 2023 · 7db8e2e · 7db8e2e · vercel · Dec 30, 2023
1 parent d7e6998
commit 7db8e2e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
 	"private": true,
 	"scripts": {
 		"dev": "pnpm build:languages && next dev",
-		"build": "pnpm build:languages && pnpm build:sitemap && pnpm build:app",
+		"build": "FORCE_COLOR=1 run-s -l build:languages build:sitemap build:app",
 		"build:languages": "tsx scripts/languages.ts",
 		"build:sitemap": "tsx scripts/sitemap.ts",
 		"build:app": "next build",
@@ -22,6 +22,7 @@
 		"@tanstack/react-query": "^5.14.2",
 		"@vercel/analytics": "^1.1.1",
 		"@vercel/og": "^0.6.1",
+		"@vercel/speed-insights": "^1.0.2",
 		"classnames": "^2.3.2",
 		"dayjs": "^1.11.10",
 		"next": "^14.0.4",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -9,6 +9,7 @@ import {
 	QueryClientProvider,
 } from "@tanstack/react-query";
 import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
 import { AppProps } from "next/app";
@@ -44,6 +45,7 @@ function MyApp({ Component, pageProps }: AppProps) {
 			`}</style>
 
 			<Analytics />
+			<SpeedInsights />
 
 			<QueryClientProvider client={queryClient}>
 				<HydrationBoundary state={pageProps.dehydratedState}>