Next.js OpenTelemetry

Installation
SKILL.md

Next.js OpenTelemetry

Expert guidance on instrumenting Next.js with OpenTelemetry — @vercel/otel, manual setup, custom spans, default spans, exporters, and deployment.

@doc-version: 16.2.6

Core Concepts

OpenTelemetry เป็น platform-agnostic standard สำหรับ observability:

  • Traces — track request flow ข้าม services
  • Spans — unit of work ภายใน trace
  • Exporters — ส่ง telemetry data ไป backend (Jaeger, Datadog, etc.)

Next.js มี built-in OpenTelemetry instrumentation — auto-create spans สำหรับ routes, fetches, rendering

Guidelines

1. Quick Setup with @vercel/otel

Installs
–
First Seen
–
Next.js OpenTelemetry — yuen30/my-skills