Frontend

Практическое руководство по внедрению TanStack Query v5 в продакшен: установка, настройка кэша, мутации и оптимистические обновления. Примеры с конкретными настройками, числами и готовыми приёмами для 2025–2026 годов.

Пошаговый практический гайд по интеграции Drizzle ORM с Next.js для получения полностью типобезопасного backend на TypeScript. Ожидаемое время выполнения — 60–120 минут в зависимости от опыта и окружения.

Подробный кейс: какие метрики были до, что мешало LCP и какие точные изменения в конфигурации изображений и шрифтов дали LCP 0.8s. Практические фрагменты кода и инструкции для повторения.

Руководство по добавлению и кастомизации тем shadcn/ui в проекте Next.js: от инициализации до dark mode. Примерное время выполнения: 45–90 минут.

Сравнение TanStack Start и Next.js по архитектуре, производительности и стоимости. Ключевой инсайт: TanStack Start предлагает модульную сборку и меньший runtime overhead, но зрелость экосистемы и интеграции всё ещё сильное преимущество Next.js.

Набор практических примеров с кодом: от простых появления и hover до scroll-triggered и layout-анимаций. Ориентировочное время — 60–90 минут на воспроизведение и эксперименты.

Практическое руководство по миграции Next.js проекта на Bun 1.2, сборке в production и созданию оптимального Docker-образа. Примерное время выполнения: 60–120 минут в зависимости от размера проекта.

Разберём пошагово настройку авторизации в Next.js 15 с использованием middleware: от структуры файлов до ротации refresh-токенов и обработки редких кейсов. Примеры кода, конкретные значения времени жизни токенов и рекомендации по безопасности на 2025–2026 годы.

Практическое руководство по созданию, тестированию и деплойю Server Components в React 19 с примерами кода и типичными ошибками. Время выполнения всех шагов: примерно 2–3 часа в среде разработчика с Node 20 и Next.js 14.

Краткий FAQ по React Server Components (RSC) — для разработчиков фронтенда и бэкенда, которые хотят понять ограничение, отладку и интеграцию с существующим стэком. Закрывает практические вопросы: хуки, состояние, отладка, передача данных и совместимость с Redux.

Сравнение Zustand и Redux Toolkit с практическими шагами по переходу и тестированию. Примерное время выполнения — 90–150 минут в зависимости от проекта.

Опыт миграции крупного интернет-магазина с Nuxt на Next.js: почему приняли решение, какие проблемы встретили и какие метрики улучшили после релиза в 2025 году.

Пошаговое руководство по реализации optimistic UI в приложении на Next.js с реальным кодом, откатом при ошибке и тестированием. Примеры адаптированы под React 18 и Next.js по состоянию на 2026 год.

Пошаговая инструкция по интеграции react-hook-form с Zod: настройка, серверная проверка, обработка ошибок и валидация файлов. Практические советы с кодом, версиями библиотек и конкретными ограничениями.

App Router в Next.js 15 — это основа современных серверных и гибридных приложений на React с нативной поддержкой server components и streaming. Пошаговый гайд показывает структуру проекта, работу server components, потоковую отрисовку и развёртывание на VPS с конкретными командами и конфигами.

Partial prerendering (PPR) в Next.js позволяет сочетать статическую генерацию и серверный рендеринг на уровне отдельных частей страницы без полного перехода на SSR. Это сокращает TTFB и общую задержку интерактивности для крупных страниц — проверки показали улучшение LCP на 20–45% в 2025 году на реальных проектах.

Сравниваю реальные затраты на развёртывание Next.js на Vercel и на собственном VPS с учётом российского рынка и сценариев до 100k MAU. Ключевой вывод: при низкой и средней нагрузке часто дешевле Vercel по времени и административным затратам, при предсказуемом трафике и больших объёмах — выгоднее VPS; расчёты ниже по прозрачным допущениям.

Пошаговое руководство по обновлению проекта с Tailwind CSS v3 на v4 с конкретными командами, примерами конфигурации и проверками на 2025–2026 годы. Подробно про breaking changes, обновление зависимостей, тестирование и откат.

Сравниваю Next.js, Remix и Astro с фокусом на 2026 год: архитектура, производительность сборки, SSR/streaming и пригодность для статейников и SaaS. Ключевой инсайт: для больших сайтов с SSR чаще выигрывает Next.js, для статейников — Astro, для интерактивных SaaS — Remix или Next.js в зависимости от экосистемы.

React Compiler 2026 меняет способ компиляции JSX и оптимизации компонентов — важнее всего это для крупных приложений с большим количеством рендеров. Краткий итог: для мелких SPA видимых выгод может не быть, для крупных продуктовых приложений — снижение размера бандлов и улучшение Time to Interactive, подтверждённое бенчмарками 2025–2026.