NNode.jsServer
Interactive

Vestig Playground

Explore vestig's capabilities across all Next.js execution contexts. Each demo shows logging in action with real-time log streaming below.

5
Runtimes
6
Presets
4
Transports
0
Dependencies

Demos

Server Components
Logging in React Server Components with automatic runtime detection.
RSCnode/bunstructured
Client Components
Browser-side logging with PII sanitization and graceful degradation.
browsersanitizationreal-time
API Routes
Full request lifecycle logging with correlation ID propagation.
node/buncorrelationcontext
Edge Runtime
Lightweight logging in edge functions and middleware.
edgevercelcloudflare
Server Actions
Logging in server actions for form handling and mutations.
RSCformsmutations
PII Sanitization
Interactive demo of all sanitization presets side-by-side.
GDPRHIPAAPCI-DSS
Transports
Multi-transport configuration with HTTP, File, and Datadog.
HTTPfiledatadog

Getting Started

Click on any demo to see vestig in action. Logs appear in real-time in the panel at the bottom of the page. Try expanding logs to see metadata and context.