Next.js 16: що змінилося і як підготувати проєкт до оновлення

Next.js 16 вийшов 21 жовтня 2025 року, і за рік гілка отримала чотири мінорні релізи — від 16.1 у грудні 2025-го до 16.4 у жовтні 2026-го. Ми використовуємо Next.js 16 у Webstar Host і на сайті R&B Team, тож ділимося тим, що справді змінилося в щоденній роботі.

Головне в Next.js 16

• Turbopack — збирач за замовчуванням. І для розробки, і для продакшн-збірки. Webpack залишився доступним через прапорець --webpack, якщо проєкт залежить від специфічних плагінів.
• proxy.ts замість middleware.ts. Новий файл працює в середовищі Node.js. Старий middleware.ts поки підтримується для Edge-сценаріїв, але вже позначений як застарілий.
• Cache Components і директива "use cache". Нова модель кешування вмикається прапорцем cacheComponents: true і замінює експериментальний PPR. Ви явно позначаєте, що кешується, замість того щоб розбиратися, чому сторінка раптом стала статичною.
• Нові API для кешу: updateTag() і refresh() у Server Actions, а revalidateTag() тепер вимагає другий аргумент — профіль кешування.
• React 19.2: View Transitions, useEffectEvent і компонент <Activity/>.
• Підтримка React Compiler — вмикається через reactCompiler: true, за замовчуванням вимкнена.

Що прибрали

• Підтримку AMP.
• Команду next lint — лінтинг тепер налаштовується напряму через ESLint або Biome.
• Синхронний доступ до params, cookies() і headers(): тепер лише через await.

Мінімальні вимоги — Node.js 20.9+ і TypeScript 5.1+.

Мінорні релізи 16.x

• 16.1 (грудень 2025): кешування Turbopack на диску для dev-режиму, аналізатор бандлів, простіше налагодження Node.js.
• 16.2 (березень 2026): стабільний Adapter API, AGENTS.md у шаблоні create-next-app, Server Fast Refresh.
• 16.3 (серпень 2026): Instant Navigations та інструменти для AI-агентів.
• 16.4 (жовтень 2026): ліниве компілювання маршрутів у dev-режимі.

Чому оновлення — це питання безпеки

У грудні 2025 року в React Server Components знайшли критичну вразливість (CVE-2025-66478), а протягом 2026-го вийшло ще кілька безпекових релізів Next.js. Проєкт, який «працює й нікого не чіпає» на старій версії, з часом стає ризиком. Регулярні дрібні оновлення обходяться значно дешевше, ніж одна велика міграція через два роки.

Чекліст міграції з Next.js 15

1. Оновіть Node.js до 20.9+ на всіх середовищах: локально, у CI і на сервері.
2. Перейменуйте middleware.ts на proxy.ts і перевірте логіку редиректів та локалізації.
3. Замініть синхронні звернення до params, cookies(), headers() на асинхронні.
4. Перевірте збірку з Turbopack; якщо щось не збирається — тимчасово --webpack і план виправлення.
5. Оновіть виклики revalidateTag() і перегляньте стратегію кешування.
6. Налаштуйте лінтинг без next lint.
7. Проженіть e2e-тести ключових сценаріїв: авторизація, форми, оплати.

Якщо проєкт на Next.js 13–15 і ви не знаєте, з чого почати, — ми проведемо аудит і запропонуємо план оновлення поетапно, без зупинки сайту.