# Install Vercel Speed Insights · screen/col

[View on GitCafe](https://git.cafe/screen/col/commit/ac5055b0162506af7a7f67e4c3b1a7d50251fcc0)

Repository: [screen/col](https://git.cafe/screen/col)

Visibility: public

Requested revision: ac5055b0162506af7a7f67e4c3b1a7d50251fcc0

Requested commit: ac5055b0162506af7a7f67e4c3b1a7d50251fcc0

Commit: ac5055b0162506af7a7f67e4c3b1a7d50251fcc0

Tree: 286b5a2488ab4acc93bd7e9c154081f387c3b8d7

Author: Vercel

Committer: Vercel

## Message

```
Install Vercel Speed Insights

Implemented Vercel Speed Insights for Next.js App Router

WHAT WAS IMPLEMENTED:
- Installed @vercel/speed-insights package (v2.0.0) using pnpm
- Added SpeedInsights component to the root layout for application-wide performance tracking
- Followed official Vercel documentation for Next.js App Router integration

FILES MODIFIED:
1. app/layout.tsx
   - Added import: `import { SpeedInsights } from "@vercel/speed-insights/next"`
   - Added <SpeedInsights /> component at the end of the body tag
   
2. package.json
   - Added dependency: "@vercel/speed-insights": "^2.0.0"
   
3. pnpm-lock.yaml
   - Updated with new package dependencies

IMPLEMENTATION DETAILS:
- Fetched the latest documentation from https://vercel.com/docs/speed-insights/quickstart
- Identified the project uses Next.js App Router with TypeScript
- Used pnpm as the package manager (as indicated by existing pnpm-lock.yaml)
- Placed SpeedInsights component in the root layout (app/layout.tsx) following Next.js App Router best practices
- The component is positioned at the end of the body tag to avoid blocking critical rendering

VERIFICATION COMPLETED:
✓ TypeScript type checking passed (pnpm run typecheck)
✓ Production build completed successfully (pnpm run build)
✓ All 45 tests passed (pnpm run test)
✓ No linting errors introduced

The Speed Insights component will automatically collect and report Web Vitals and performance metrics once the application is deployed to Vercel.

Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>
```

## Parents

- [89e2fe7cc6a0021981fa3c7ab1655f8b2f98baaa](https://git.cafe/screen/col/commit/89e2fe7cc6a0021981fa3c7ab1655f8b2f98baaa?format=markdown)

[Source at this commit](https://git.cafe/screen/col/tree/ac5055b0162506af7a7f67e4c3b1a7d50251fcc0?format=markdown)