add vercel analytics to new-site/

Wires @vercel/analytics into the root layout. Free tier on Hobby
plan covers the first ~2,500 events/mo. No cookie banner needed.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-30 12:28:12 +02:00
parent f96adbc99a
commit 3b5cd5d58d
3 changed files with 40 additions and 0 deletions

View File

@@ -13,6 +13,7 @@
"@mdx-js/react": "^3.1.1",
"@next/mdx": "^16.2.4",
"@types/mdx": "^2.0.13",
"@vercel/analytics": "^2.0.1",
"gray-matter": "^4.0.3",
"next": "16.2.4",
"react": "19.2.4",

View File

@@ -20,6 +20,9 @@ importers:
'@types/mdx':
specifier: ^2.0.13
version: 2.0.13
'@vercel/analytics':
specifier: ^2.0.1
version: 2.0.1(next@16.2.4(@babel/core@7.29.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)
gray-matter:
specifier: ^4.0.3
version: 4.0.3
@@ -761,6 +764,35 @@ packages:
cpu: [x64]
os: [win32]
'@vercel/analytics@2.0.1':
resolution: {integrity: sha512-MTQG6V9qQrt1tsDeF+2Uoo5aPjqbVPys1xvnIftXSJYG2SrwXRHnqEvVoYID7BTruDz4lCd2Z7rM1BdkUehk2g==}
peerDependencies:
'@remix-run/react': ^2
'@sveltejs/kit': ^1 || ^2
next: '>= 13'
nuxt: '>= 3'
react: ^18 || ^19 || ^19.0.0-rc
svelte: '>= 4'
vue: ^3
vue-router: ^4
peerDependenciesMeta:
'@remix-run/react':
optional: true
'@sveltejs/kit':
optional: true
next:
optional: true
nuxt:
optional: true
react:
optional: true
svelte:
optional: true
vue:
optional: true
vue-router:
optional: true
acorn-jsx@5.3.2:
resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
peerDependencies:
@@ -3081,6 +3113,11 @@ snapshots:
'@unrs/resolver-binding-win32-x64-msvc@1.11.1':
optional: true
'@vercel/analytics@2.0.1(next@16.2.4(@babel/core@7.29.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)':
optionalDependencies:
next: 16.2.4(@babel/core@7.29.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
react: 19.2.4
acorn-jsx@5.3.2(acorn@8.16.0):
dependencies:
acorn: 8.16.0

View File

@@ -1,5 +1,6 @@
import type { Metadata } from "next";
import { Fraunces, Inter } from "next/font/google";
import { Analytics } from "@vercel/analytics/next";
import "./globals.css";
import { SiteHeader } from "@/components/site-header";
import { SiteFooter } from "@/components/site-footer";
@@ -54,6 +55,7 @@ export default function RootLayout({
<SiteHeader />
<main className="flex-1">{children}</main>
<SiteFooter />
<Analytics />
</body>
</html>
);