Next.js 16.3 ra mắt Instant Navigations cho cảm giác như SPA

Ngày 24/6/2026, Vercel công bố Next.js 16.3 (phát hành dưới tag @preview) với tính năng Instant Navigations, nhằm xóa lời phàn nàn lâu nay rằng Server Components khiến ứng dụng "chậm khi chuyển trang".

Ý chính

• Stream / Cache / Block: khi route await dữ liệu, bạn chọn Stream bằng <Suspense> (hiện loading ngay) hoặc Cache bằng 'use cache' (hiện UI đã cache) để điều hướng tức thì; hoặc export const instant = false để chủ động Block.
• Bật qua flag: cần cacheComponents: true trong next.config.ts; sẽ thành mặc định ở major sau.
• Partial Prefetching: thay vì prefetch mỗi link, Next.js chỉ tải một "shell" tái dùng cho mỗi route và cache ở client — ví dụ 20 link chat chỉ prefetch một lần cho route /chat/[id].
• Công cụ dev: Instant Insights biến điều hướng chậm thành lỗi khi dev; có Navigation Inspector trong DevTools và helper instant() cho test Playwright.
• Lưu ý: đây là bản tiền phát hành (npm install next@preview), còn vài lỗi đã biết (vd Instant Insights trên Safari).