Apps de ejemplo

Ejemplos completos y funcionales viven en apps/ — uno por mecanismo de grabación. Cada uno tiene su propio README con la configuración completa y el flujo de grabar/reproducir.

Next.js 16

apps/example-nextjs16 — una app de tareas de Next.js 16 con un backend mock, proxy y pruebas e2e de Playwright. Graba tanto fetches SSR (.mock.json) como fetches del navegador (.har), e incluye un chat por WebSocket contra el backend local. Mira su README.

Runtime Edge de Next.js

apps/example-nextjs-edge — una app de Next.js 16 cuya página renderiza en el runtime Edge (export const runtime = 'edge'). Su fetch SSR se etiqueta con el id de sesión de grabación mediante registerProxyFetch() (llamado desde el root layout), de modo que las sesiones de reproducción concurrentes se mantienen diferenciadas donde instrumentation.ts no llega. Mira su README.

TanStack Start

apps/example-tanstack-start — una app de TanStack Start (Vite + Nitro) construida con TanStack Query. Graba tanto los fetch de SSR (.mock.json, marcados mediante registerProxyFetch() en src/router.tsx) como los del navegador (.har), cubriendo una lista de todos en vivo, una ruta ISR basada en cabeceras de caché, un chat WebSocket y un inicio de sesión real con AWS Cognito (autenticación en modo transparente + una API protegida con el token enmascarado). Consulta su README.

Extensión de Chrome

apps/example-extension — una extensión de Chrome real que llama a la API de X/Twitter desde un content script; las peticiones del navegador se graban en .har y se reproducen sin conexión, sin API en vivo ni cuenta en CI. Mira su README.

Ticker de cripto — WebSocket de terceros

apps/example-websocket — un ticker de precio BTC-USD en vivo respaldado por el feed público de WebSocket de Binance. Graba el feed real una vez a través del proxy, luego reproduce precios deterministas en CI sin red ni cuenta de exchange. Mira su README.

App autenticada

apps/example-auth-cognito — una app de Next.js que inicia sesión en un user pool real de AWS Cognito, luego graba/reproduce su API protegida. El login se mantiene en vivo en cada ejecución (nunca se graba); los datos protegidos se reproducen con el backend apagado, y el token de auth se enmascara de las grabaciones. La integración son solo un puñado de archivos — mira su README. Para el mismo patrón sin cuenta en la nube, mira apps/example-auth-mock.