Примеры приложений

Полностью рабочие примеры находятся в apps/ — по одному на каждый механизм записи. У каждого свой README с полной настройкой и рабочим процессом записи/воспроизведения.

Next.js 16

apps/example-nextjs16 — приложение списка задач на Next.js 16 с мок-бэкендом, прокси и e2e-тестами Playwright. Записывает и SSR-фетчи (.mock.json), и браузерные фетчи (.har), а также включает WebSocket-чат против локального бэкенда. См. его README.

Next.js Edge runtime

apps/example-nextjs-edge — приложение на Next.js 16, чья страница рендерится на Edge runtime (export const runtime = 'edge'). Его SSR-fetch тегируется id сессии записи через registerProxyFetch() (вызывается из root layout), поэтому конкурентные сессии воспроизведения остаются разными там, куда instrumentation.ts не достаёт. См. его README.

TanStack Start

apps/example-tanstack-start — приложение на TanStack Start (Vite + Nitro), построенное на TanStack Query. Записывает и SSR-запросы (.mock.json, помеченные через registerProxyFetch() в src/router.tsx), и браузерные запросы (.har), охватывая живой список todo, маршрут ISR на основе заголовков кэша, WebSocket-чат и настоящий вход через AWS Cognito (аутентификация в прозрачном режиме + защищённый API со скрытым токеном). См. его README.

Расширение Chrome

apps/example-extension — настоящее расширение Chrome, которое вызывает API X/Twitter из content script; браузерные запросы записываются в .har и воспроизводятся офлайн, без живого API и аккаунта в CI. См. его README.

Крипто-тикер — сторонний WebSocket

apps/example-websocket — живой тикер цены BTC-USD на основе публичного WebSocket-фида Binance. Записывает реальный фид один раз через прокси, затем воспроизводит детерминированные цены в CI без сети и аккаунта на бирже. См. его README.

Аутентифицированное приложение

apps/example-auth-cognito — приложение на Next.js, которое входит в реальный пул пользователей AWS Cognito, затем записывает/воспроизводит свой защищённый API. Вход остаётся живым при каждом прогоне (никогда не записывается); защищённые данные воспроизводятся с выключенным бэкендом, а токен аутентификации вырезается из записей. Интеграция — это лишь несколько файлов; см. его README. Тот же паттерн без облачного аккаунта см. в apps/example-auth-mock.