NextJS
Статьи по теме NextJS. Найдено 13 публикаций.
Vercel vs свой VPS: что выбрать для Next.js
Сравниваем Vercel и self-hosted деплой. Цены, производительность, ограничения и когда что использовать.
MDX-блог на Next.js: от идеи до деплоя
Создаём блог с MDX-статьями, подсветкой кода, оглавлением и RSS. Полный гайд с примерами кода.
Интернационализация (i18n) в Next.js 15
Мультиязычность в App Router: роутинг, переводы, форматирование дат и чисел. next-intl и альтернативы.
Headless Bitrix + NextJS: архитектура и реализация
Как использовать 1С-Битрикс как headless CMS для React-фронтенда. REST API, аутентификация, каталог товаров и корзина.
Оптимизация Core Web Vitals в Next.js
Практические техники улучшения LCP, FID/INP и CLS. Диагностика, оптимизация изображений, шрифтов и JavaScript.
Миграция на App Router в Next.js: пошаговый гайд
Как перевести проект с Pages Router на App Router без боли. Стратегия, типичные ошибки и совместимость.
Деплой NextJS на свой VPS — nginx + PM2
Пошаговый гайд по деплою NextJS-приложения на собственный сервер. Настройка nginx, PM2, SSL, автодеплой через GitHub Actions.
Server Actions в Next.js — замена API routes
Server Actions позволяют вызывать серверные функции прямо из компонентов без создания API-эндпоинтов. Разбираем синтаксис, валидацию, обработку ошибок и лучшие практики.
ISR в NextJS — кэширование на стероидах
Incremental Static Regeneration позволяет обновлять статические страницы без полной пересборки. Разбираем revalidate, on-demand ISR и типичные ошибки.
Middleware в Next.js — auth, редиректы, A/B тесты
Middleware выполняется до рендеринга страниц. Разбираем авторизацию, геолокацию, A/B тестирование и защиту роутов на Edge Runtime.
TanStack Query в Next.js — кэширование и мутации
TanStack Query (React Query) решает проблемы управления серверным состоянием: кэширование, ревалидация, оптимистичные обновления. Интеграция с App Router.
Аутентификация в Next.js — NextAuth.js vs своё решение
Сравниваем NextAuth.js (Auth.js) и кастомную JWT-аутентификацию. Когда что использовать, подводные камни, production-ready примеры.