SWE Wiki
Đăng nhập Nâng cấp
SWE Wiki › Bài tóm tắt › Vercel

Next.js 16

Bài tóm tắt Vercel 2025 4. Điều chỉnh Độ khó: Trung bình

Vercel · 2025 · 4. Điều chỉnh · Độ khó: Trung bình — bài gốc

Vercel vừa làm framework Next.js vừa bán nền tảng chạy nó; nhận định về sản phẩm của họ trong trang này đều là "theo Vercel". Thông báo phát hành (release note).

Thay đổi chính

  • Cache Components: cache hoàn toàn opt-in qua "use cache" (compiler sinh khoá); code động mặc định chạy lúc request. Theo Vercel, đây là chỗ hoàn tất Partial Prerendering (2023), bỏ lựa chọn "cả URL tĩnh hoặc cả URL động".
  • API vô hiệu cache tách theo ngữ nghĩa: revalidateTag() bắt buộc kèm profile cacheLife và trả dữ liệu cũ trong lúc làm mới ở nền (chấp nhận nhất quán sau); updateTag() mới, chỉ trong Server Action, cho read-your-writes ngay trong request; refresh() chỉ làm mới dữ liệu không cache.
  • proxy.ts thay middleware.ts: đổi tên để ranh giới network rõ hơn và chạy trên một runtime dự đoán được là Node.js (Middleware ở Next.js 12, 2021, chạy trên runtime hạn chế theo Web API để chạy được ở edge).
  • Điều hướng: prefetch nhiều link chung layout thì tải layout một lần (50 link sản phẩm: một lần thay vì 50); prefetch chỉ phần chưa có trong cache. Đánh đổi theo Vercel: nhiều request hơn nhưng tổng byte thấp hơn nhiều.
  • Turbopack mặc định cho mọi app mới, dev và build; theo Vercel đã chiếm hơn 50% phiên dev và 20% build production trên 15.3+. Cache đĩa cho dev ở beta.

Bài học cho SWE

  • Tách "làm mới ở nền, chấp nhận cũ" khỏi "người vừa ghi phải đọc thấy ngay" thành hai API khác nhau, để mỗi chỗ gọi nói rõ mình cần nhất quán mức nào.

Liên quan

Cache và invalidationKiến trúc frontendBatching và khấu hao round-tripĐổi ngôn ngữ và runtime
#Next.js#Cache Components#use cache#Partial Prerendering#proxy.ts#middleware#Node.js runtime#Turbopack default#layout deduplication#incremental prefetching#updateTag#revalidateTag#read-your-writes

Được nhắc tới trong

Chủ đề (4)
Công ty (1)
Bài tóm tắt (3)