Add Vercel Web Analytics to Next.js #3

Merged

vercel[bot] merged 1 commit from vercel/vercel-web-analytics-to-nextjs-vupcvm into main

2026-02-13 10:29:48 +01:00

vercel[bot] commented

2026-02-13 10:29:00 +01:00

(Migrated from github.com)

Implemented Vercel Web Analytics for Next.js

Summary:
Successfully installed and configured Vercel Web Analytics in this Next.js App Router project.

Changes Made:

Installed @vercel/analytics package:
- Added @vercel/analytics@^1.6.1 to package.json dependencies
- Updated package-lock.json with new dependency tree
Modified app/layout.tsx:
- Added import statement: import { Analytics } from '@vercel/analytics/next'
- Added component inside the tag, after
- Maintained existing code structure and formatting
Verification:
- Build completed successfully with no errors (npm run build)
- No linting errors (no lint script configured in project)
- No test failures (no test script configured in project)
- All changes follow Next.js App Router best practices

Implementation Details:

The Analytics component is placed at the end of the body tag, following the existing pattern used for SpeedInsights
The component will automatically track page views and Web Vitals data
Works seamlessly with the existing SpeedInsights integration
No environment variables or additional configuration required

Files Modified:

app/layout.tsx (added Analytics import and component)
package.json (added @vercel/analytics dependency)
package-lock.json (updated with new dependency tree)

View Project · Web Analytics

Created by Mike Karl (goransalzmann) with Vercel Agent

Implemented Vercel Web Analytics for Next.js Summary: Successfully installed and configured Vercel Web Analytics in this Next.js App Router project. Changes Made: 1. Installed @vercel/analytics package: - Added @vercel/analytics@^1.6.1 to package.json dependencies - Updated package-lock.json with new dependency tree 2. Modified app/layout.tsx: - Added import statement: import { Analytics } from '@vercel/analytics/next' - Added <Analytics /> component inside the <body> tag, after <SpeedInsights /> - Maintained existing code structure and formatting 3. Verification: - Build completed successfully with no errors (npm run build) - No linting errors (no lint script configured in project) - No test failures (no test script configured in project) - All changes follow Next.js App Router best practices Implementation Details: - The Analytics component is placed at the end of the body tag, following the existing pattern used for SpeedInsights - The component will automatically track page views and Web Vitals data - Works seamlessly with the existing SpeedInsights integration - No environment variables or additional configuration required Files Modified: - app/layout.tsx (added Analytics import and component) - package.json (added @vercel/analytics dependency) - package-lock.json (updated with new dependency tree) --- [View Project](https://vercel.com/mike-karls-projects/portfolio) · [Web Analytics](https://vercel.com/mike-karls-projects/portfolio/analytics) Created by **Mike Karl (goransalzmann)** with [Vercel Agent](https://vercel.com/docs/agent)

vercel[bot] commented

2026-02-13 10:29:02 +01:00

(Migrated from github.com)

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
portfolio	Ready	Preview, Comment	Feb 13, 2026 9:29am

[vc]: #qHp7/OYzmAmLCGtRES9++/lXGEtXTSRbI38+bUFEUjg=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJwb3J0Zm9saW8iLCJwcm9qZWN0SWQiOiJwcmpfNThKMkJlQ0xmREtYQUJ6d1Z6MGt3UXFNV1BsSCIsImluc3BlY3RvclVybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS9taWtlLWthcmxzLXByb2plY3RzL3BvcnRmb2xpby8zdVJDakpHUXk4eFplVzFjdnRjOXZYazJrUURLIiwicHJldmlld1VybCI6InBvcnRmb2xpby1naXQtdmVyY2VsLXZlcmNlbC13ZWItYW5hbC00YWRiMmQtbWlrZS1rYXJscy1wcm9qZWN0cy52ZXJjZWwuYXBwIiwibmV4dENvbW1pdFN0YXR1cyI6IkRFUExPWUVEIiwibGl2ZUZlZWRiYWNrIjp7InJlc29sdmVkIjowLCJ1bnJlc29sdmVkIjowLCJ0b3RhbCI6MCwibGluayI6InBvcnRmb2xpby1naXQtdmVyY2VsLXZlcmNlbC13ZWItYW5hbC00YWRiMmQtbWlrZS1rYXJscy1wcm9qZWN0cy52ZXJjZWwuYXBwIn0sInJvb3REaXJlY3RvcnkiOm51bGx9XX0= The latest updates on your projects. Learn more about [Vercel for GitHub](https://vercel.link/github-learn-more). | Project | Deployment | Actions | Updated (UTC) | | :--- | :----- | :------ | :------ | | [portfolio](https://vercel.com/mike-karls-projects/portfolio) | ![Ready](https://vercel.com/static/status/ready.svg) [Ready](https://vercel.com/mike-karls-projects/portfolio/3uRCjJGQy8xZeW1cvtc9vXk2kQDK) | [Preview](https://portfolio-git-vercel-vercel-web-anal-4adb2d-mike-karls-projects.vercel.app), [Comment](https://vercel.live/open-feedback/portfolio-git-vercel-vercel-web-anal-4adb2d-mike-karls-projects.vercel.app?via=pr-comment-feedback-link) | Feb 13, 2026 9:29am |