Next.js 16.3 Instant Navigations: hợp đồng cache quan trọng hơn cú click nhanh

Dev
Next.js 16.3 Preview giới thiệu Instant Navigations và Partial Prefetching. Điều cần làm là thiết kế shell, Suspense, CDN và revalidation.
Điều hướng tức thì phụ thuộc vào route shell, dữ liệu streaming, cache CDN và revalidation.

Điều gì đã xảy ra

Next.js 16.3 Preview được công bố ngày 24 tháng 6 năm 2026. Tính năng chính là hiển thị route shell có thể tái sử dụng ngay, rồi stream phần dynamic sau đó.

Partial Prefetching giảm việc prefetch cả trang cho mọi link và tập trung vào shell theo từng route.

Vì sao quan trọng

Với dashboard và SaaS, shell có ý nghĩa xuất hiện ngay sau click làm trải nghiệm nhanh hơn. Nhưng nhóm phải tách rõ UI prerender được, dữ liệu request-time, Suspense và cache boundary.

Tín hiệu cộng đồng

Cộng đồng muốn navigation mượt như SPA, nhưng vẫn lo stale data, search params, PPR và chi phí prefetch.

Checklist

Chọn năm route chính, tách shell/dynamic region, đo transferred bytes và RSC timing, giới hạn manual prefetch, kiểm tra CDN purge cho HTML/RSC.

Instant Navigation checklist

• route shell vs dynamic region

• <Suspense> boundaries

• transferred bytes and RSC timing

• cacheTag / cacheLife ownership

• HTML and RSC CDN invalidation

Rủi ro

Đây là Preview. Hãy thử trên route đọc nhiều trước, theo dõi fallback, stale report và chi phí render server.

Nguồn

다른 글