Next.js 16.3: Instant Navigations і репозиторій, який агент справді розуміє
3 серпня 2026 вийшов стабільний Next.js 16.3. Завдяки Instant Navigations серверний сайт сприймається як SPA. AGENTS.md, документація в пакеті та skills не дають агентам вигадувати API з 2024-го. Нижче - що я б цього місяця зробила на чинному сайті Next.js.
3 серпня 2026 вийшов стабільний Next.js 16.3. У цьому релізі два пункти цього місяця реально змінюють бізнес-сайт. Instant Navigations прибирають давній розрив із клієнтськими SPA: кліки сприймаються миттєвими, сервер лишається на місці. Інструменти для агентів - AGENTS.md, який веде до документації саме вашої версії в node_modules, офіційні skills, щільніший MCP на dev-сервері - не дають агенту вигадувати cache API зі статті 2024 року.
Я вже писала, чому Next.js виграє в конструктора на маркетинговій головній, і як виглядає карта фронтенд-інженера 2026. Це не ще один список трендів. Це реліз, на який я б справді пішла: швидкість, яку відчуває клієнт, і репозиторій, який не бреше агенту, що пише наступний PR.
1. Instant Navigations: сайт має сприйматися як застосунок
Клієнтам байдуже, що HTML зібрали на сервері. Їм важливо, щоб наступний клік не спалахнув білим екраном. Роками саме це обіцяли SPA, а ціна була товстий клієнтський бандл і слабше SEO. Instant Navigations у 16.3 - набір, який вмикають свідомо: серверна модель лишається, а префетч і переходи працюють як у клієнтському застосунку. Для магазину, запису чи блогу з пагінацією це робота на конверсію, не демо.
Я б не вмикала всі маршрути в перший день. Обрала б шляхи, що приносять гроші - каталог до товару, календар до оплати, стаття до контакту - і виміряла б LCP та INP до і після. Core Web Vitals і далі вирішують виручку. Instant Navigations дає відчуття SPA без WordPress-плагінів, які впихають ще мегабайт.
2. AGENTS.md: не дайте агенту читати торішню документацію
Дорогий збій 2026-го - не «агент не вміє писати код». Це агент, який пише під Next.js API, якого вже немає. Тренувальні дані відстають від фреймворку. Відповідь Vercel у 16.3: запуск next dev створює й підтримує блок AGENTS.md, який веде до документації в установленому пакеті next. Агент читає ту версію, яку ви справді крутите. Старі knowledge skills, які тягнули доки на вимогу, прибрали: файли потрібної версії, які завжди під рукою, надійніші за пошук, який модель може пропустити.
Закомітьте цей файл. Свої правила кладіть поза службовими маркерами. Якщо тримаєте бібліотеку - скопіюйте підхід: кладіть документацію тієї ж версії поруч із кодом, який агент імпортує. Що таке вайб-кодинг, я вже писала. Отак ви не даєте вайб-кодингу викласти торішній cache API.
3. Skills, MCP, agent-browser - перевіряйте, не сподівайтесь
16.3 дає офіційні skills для dev-циклу і для впровадження Cache Components шматками. MCP-сервер на /_next/mcp дає агенту спитати, чи маршрут компілюється, без повного next build. agent-browser - з інтроспекцією React DevTools - читає дерево, pending Suspense, мережу, Web Vitals, а не дивиться на скріншот, який не розібрати. Це різниця між агентом, який каже «готово», і агентом, який бачив, як сторінка вантажиться.
- Один раз запустіть next dev, закомітьте AGENTS.md / CLAUDE.md, свої правила тримайте поза службовим блоком.
- Якщо агент розуміє React: skill next-dev-loop плюс agent-browser, і скажіть перевіряти в рантаймі - не лише в діфі.
- Cache Components: впроваджуйте поетапно з офіційним skill, не переписуйте всі fetch за вихідні.
4. Що я б зробила на чинному сайті Next.js цього місяця
Оновлення - не геройські вихідні. Це послідовність. У 16 і 16.3 є breaking changes, якщо ви ще на 14 чи 15 - React Compiler, модель кешу, бандлер. Я б прочитала нотатки з оновлення, увімкнула Instant Navigations на маршрутах, що приносять гроші, закомітила файли для агентів і лише тоді чіпала Cache Components. Не продавала б салону «ми мігрували на 16.3» як фічу. Продавала б швидші кліки і менше регресій від агента.
Висновок: візьміть відчуття SPA, лишіть сервер, кажіть агенту правду
16.3 - не редизайн. Це кліки як у SPA на серверному сайті й документація під той пакет next, який ви встановили - щоб агент перестав викладати привидів. Якщо маркетинговий сайт іще на 14, або агент далі вигадує API - це оновлення, яке я б окреслила цього місяця. Я це закриваю як senior web engineer: оновлення Next.js, Instant Navigations на шляхах до грошей, AGENTS.md, який не б’ється з репозиторієм. Напишіть через форму поточну версію Next і чи біль - швидкість, чи хаос від агента. Ми не почнемо зі слайда «міграція».
Готові обговорити проєкт?
Я senior веброзробниця, спеціалізуюсь на React і Next.js - відкрита до фриланс-проєктів по всьому світу.
Місто
Київ, Україна
Upwork
Переглянути профільTelegram
Напишіть меніViber
Напишіть мені