v0.22.0Interactive

Vestig Playground

Explore vestig's capabilities across all Next.js execution contexts. See logging in action with the new Dev Overlay in the bottom-right corner.

Runtimes

Node, Bun, Edge, Browser, Deno

Presets

GDPR, HIPAA, PCI-DSS, Strict, Relaxed, None

Transports

Console, HTTP, File, Datadog, Sentry

Dependencies

Zero external deps

New in v0.8

Dev Overlay

New

Real-time log viewer with filtering, search, and metrics.

Web Vitals

New

Core Web Vitals monitoring with LCP, CLS, INP tracking.

Error Boundary

New

Enhanced error handling with breadcrumbs and fingerprinting.

Database Logging

New

Query logging for Prisma and Drizzle with slow query detection.

Core Demos

Server Components

Logging in React Server Components with automatic runtime detection.

Client Components

Browser-side logging with PII sanitization.

API Routes

Request lifecycle logging with correlation IDs.

Edge Runtime

Lightweight logging in edge functions.

Server Actions

Logging in server actions for mutations.

PII Sanitization

Interactive demo of all sanitization presets.

Transports

Multi-transport configuration demo.

Using the Dev Overlay

The Dev Overlay is visible in the bottom-right corner. Click on any demo to generate logs, then use the overlay to view them in real-time. Try the keyboard shortcut ⌘+L to toggle the overlay.

🔍 Search logs🏷️ Filter by level📊 View metrics⚙️ Configure settings