Example apps

Full working examples live in apps/ — one per recording mechanism. Each has its own README with the full setup and record/replay workflow.

Next.js 16

apps/example-nextjs16 — a Next.js 16 todo app with a mock backend, proxy, and Playwright e2e tests. Records both SSR fetches (.mock.json) and browser fetches (.har), and includes a WebSocket chat against the local backend. See its README.

Next.js Edge runtime

apps/example-nextjs-edge — a Next.js 16 app whose page renders on the Edge runtime (export const runtime = 'edge'). Its SSR fetch is tagged with the recording-session id via registerProxyFetch() (called from the root layout), so concurrent replay sessions stay distinct where instrumentation.ts can’t reach. See its README.

Chrome extension

apps/example-extension — a real Chrome extension that calls X/Twitter’s API from a content script; browser requests are recorded to .har and replayed offline, with no live API or account needed on CI. See its README.

Crypto ticker — third-party WebSocket

apps/example-websocket — a live BTC-USD price ticker backed by Binance’s public WebSocket feed. Records the real feed once through the proxy, then replays deterministic prices on CI with no network or exchange account. See its README.

Authenticated app

apps/example-auth-cognito — a Next.js app that logs into a real AWS Cognito user pool, then records/replays its protected API. Login stays live every run (never recorded); the protected data replays with the backend turned off, and the auth token is redacted from the recordings. The integration is just a handful of files — see its README. For the same pattern with no cloud account, see apps/example-auth-mock.