Interactive demos for Vercel Workflow DevKit — each showcasing a different durable workflow pattern built with Next.js 16, React 19, and the workflow package.
| # | Demo | Pattern | v0 Link |
|---|---|---|---|
| 1 | Approval Gate | Human-in-the-loop with timeout | Open in v0 |
| 2 | Onboarding Drip | 7-day email drip in 6 lines | Open in v0 |
| 3 | Saga | Step 3 fails — compensating rollbacks | Open in v0 |
| 4 | Cancellable Export | Cancel a batch mid-flight | Open in v0 |
| 5 | Webhook Basics | Webhooks as async iterables | Open in v0 |
| 6 | Fan-Out | Parallel dispatch to all channels | Open in v0 |
| 7 | Retry Backoff | Exponential backoff with durable sleep | Open in v0 |
| 8 | Batch Processor | 10k records, resume at 5,001 | Open in v0 |
| 9 | Status Poller | Poll durably until status changes | Open in v0 |
| 10 | Scheduled Digest | Replace cron with sleep("24h") | Open in v0 |
| 11 | Event Gateway | N signals must converge | Open in v0 |
| 12 | Approval Chain | Auto-escalation with per-level timeouts | Open in v0 |
| 13 | Claim Check | Large payloads via lightweight tokens | Open in v0 |
| 14 | Scheduler Agent Supervisor | Intelligent rerouting on failure | Open in v0 |
| 15 | Content Enricher | Augment records from multiple sources | Open in v0 |
| 16 | Circuit Breaker | Trip, backoff, and recover | Open in v0 |
| 17 | Pipeline | ETL streaming demo | Open in v0 |
| 18 | Routing Slip | Dynamic multi-step routing | Open in v0 |
| 19 | Retryable Rate Limit | Retry-After retries without a queue | Open in v0 |
| 20 | Wakeable Reminder | Sleep until a timestamp, then wake on demand | Open in v0 |
| 21 | Namespaced Streams | Two live streams, one run | Open in v0 |
Workflow DevKit lets you write durable, resumable workflows in plain TypeScript. Workflows survive server restarts, sleep for days without consuming compute, and coordinate multi-step operations with built-in retries, compensation, and external signal handling.
Each demo above is a standalone Next.js app with:
- Interactive "Try It" sandbox — trigger workflows, watch code highlight in real-time
- Live code workbench — see exactly which lines execute as the workflow progresses
- Mock backend — runs entirely in-memory, no infrastructure required
Built with: Next.js 16 · React 19 · TypeScript 5 · Tailwind CSS v4 · Geist font