Next.js Analytics

Expert guidance on adding analytics to Next.js — Web Vitals, useReportWebVitals, client instrumentation, and sending metrics to external services.

@doc-version: 16.2.6

Core Concepts

Next.js มี built-in support สำหรับ measuring และ reporting performance metrics:

• useReportWebVitals hook — จัดการ reporting เอง
• Client Instrumentation — instrumentation-client.ts สำหรับ global analytics setup
• Vercel Analytics — managed service (auto collect + visualize)

Guidelines

1. Client Instrumentation (instrumentation-client.ts)

สำหรับ advanced analytics — รันก่อน frontend code เริ่มทำงาน: