Оптимизация
Turbopack в Next.js
Turbopack — новый сборщик для Next.js на Rust. Как включить, настроить и мигрировать с Webpack. Сравнение скорости и поддерживаемые функции.
Тестирование Next.js с Playwright
Полное руководство по написанию E2E тестов для Next.js с Playwright: установка, настройка, Page Object Model, CI/CD интеграция.
Next.js с TanStack Query
Подключение TanStack Query к Next.js App Router: QueryClient, prefetch, dehydrate, мутации и серверный рендеринг на практике.
SEO-оптимизация в Next.js
Полное руководство по SEO в Next.js: Metadata API, Open Graph, sitemap.xml, robots.txt, JSON-LD и Core Web Vitals с примерами кода.
Next.js с Redis: кэширование и управление сессиями
Как подключить Redis к Next.js для кэширования API-маршрутов, хранения сессий и rate limiting. Примеры с ioredis и Upstash.
Partial Prerendering (PPR) в Next.js
Разбираем Partial Prerendering в Next.js: как работает статическая оболочка, use cache, Suspense и cacheComponents для максимальной производительности.
Настройка next.config.js
Как настроить next.config.js: переменные окружения, редиректы, изображения, webpack, output и другие ключевые опции Next.js.
instrumentation.ts: мониторинг и трассировка в Next.js
Разбираем файлы instrumentation.ts и instrumentation-client.ts в Next.js: register, onRequestError, OpenTelemetry, Sentry и практические примеры.
Next.js Edge Runtime — функции на граничных серверах
Edge Runtime в Next.js: что это, как настроить, ограничения API, middleware и маршруты на граничных серверах. Примеры кода.
Кэширование данных в Next.js
Полное руководство по кэшированию в Next.js: fetch cache, unstable_cache, revalidateTag, revalidatePath и React cache() с примерами.