Dash0 LogoVercel & Next.js example

What is this?

This example demonstrates various scenarios a Next.js app deployed on Vercel might encounter. Each scenario is represented by a different page. You can use the navigation on the left to explore each scenario.

The app is instrumented with OpenTelemetry via @vercel/otel to collect traces, which are then sent to Dash0 for visualization. Additionally, a Vercel log drain is leveraged to export logging information.

What does the observability data look like?

The following screenshot shows a visualized distributed trace for a failed fetch issued by a React server component.

Dash0 trace view showing how a React server-component is rendered