Next.js 16: Главное обновление 2025 года

Команда Next.js выпустила версию 16 — крупнейшее обновление фреймворка в 2025 году. Этот релиз приносит революционные изменения в кэширование, производительность сборки и архитектуру приложений.

🚀 Ключевые нововведения

Cache Components — новая модель кэширования

• "use cache" директива для явного кэширования страниц, компонентов и функций
• Полная поддержка Partial Prerendering (PPR)
• Все динамические функции по умолчанию выполняются при запросе
• Включается в next.config.ts:

const nextConfig = {
  cacheComponents: true,
};

Next.js DevTools MCP

• Интеграция с Model Context Protocol для AI-отладки
• Контекстное понимание маршрутизации и кэширования
• Единые логи браузера и сервера

proxy.ts вместо middleware.ts

// Было: middleware.ts
// Стало: proxy.ts
export default function proxy(request: NextRequest) {
  return NextResponse.redirect(new URL('/home', request.url));
}

⚡ Производительность

Turbopack (стабильный)

• Сборка в 2-5 раз быстрее
• Fast Refresh до 10 раз быстрее
• Более 50% сессий разработки уже используют Turbopack

Кэширование файловой системы (бета)

const nextConfig = {
  experimental: {
    turbopackFileSystemCacheForDev: true,
  },
};

🔧 API и архитектура

Новые методы кэширования

// Stale-while-revalidate
revalidateTag('posts', 'max');

// Read-your-writes в Server Actions
updateTag(`user-${userId}`);

// Обновление некэшированных данных
refresh();

React Compiler (стабильный)

• Автоматическая мемоизация компонентов
• Включается в конфиге:

const nextConfig = {
  reactCompiler: true,
};

🎯 Улучшенная маршрутизация

• Дедупликация layout'ов — общие layout'ы загружаются один раз
• Инкрементальный prefetch — кэшируются только измененные части
• Умная отмена запросов при уходе из viewport'а

⚠️ Критические изменения

Требования к версиям

• Node.js 20.9+ (Node.js 18 не поддерживается)
• TypeScript 5.1+
• Браузеры: Chrome 111+, Safari 16.4+

Удаленные функции

• Поддержка AMP
• next lint команда
• serverRuntimeConfig, publicRuntimeConfig
• Синхронные params, searchParams

Новые значения по умолчанию

• images.minimumCacheTTL: 4 часа (было 60 сек)
• Turbopack — bundler по умолчанию
• Все parallel routes требуют default.js

🛠 Обновление до Next.js 16

# Автоматическое обновление
npx @next/codemod@canary upgrade latest

# Ручное обновление
npm install next@latest react@latest react-dom@latest

# Новый проект
npx create-next-app@latest

📈 Что это значит для разработчиков

1. Более быстрая разработка — Turbopack ускоряет и dev, и production сборки
2. Предсказуемое кэширование — Cache Components делают кэширование явным и гибким
3. Улучшенный UX — умный prefetch и дедупликация layout'ов
4. Современный React — поддержка React 19.2 с View Transitions и useEffectEvent

🔮 Будущее Next.js

Next.js 16 закладывает фундамент для будущих улучшений:

• Единая модель программирования для кэширования
• Более тесная интеграция с React Canary
• Улучшенная производительность в продакшене

Это обновление устанавливает новый стандарт производительности и developer experience в экосистеме Next.js, делая фреймворк еще более подходящим для крупных production-приложений.