Next.js 13

Vercel · 2022 · 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). Benchmark Turbopack là số Vercel tự đo, ghi lại như "theo Vercel".

Thay đổi chính

• Thư mục app/ (beta, chưa khuyên dùng production): hiện thực RFC layouts năm 2022: layout lồng nhau giữ state khi điều hướng, Server Components mặc định, stream từng phần UI kèm trạng thái loading. pages/ vẫn ổn định và được hỗ trợ lâu dài, chuyển dần theo tốc độ của từng đội.
• Lấy dữ liệu trong component: fetch được mở rộng để tự dedupe và gộp SSG, SSR, ISR vào một API cache/revalidate ở mức component (về sau chính mặc định cache này bị bỏ, xem Vercel 2024).
• Turbopack (alpha), bundler Rust kế nhiệm webpack: theo Vercel, công cụ viết bằng JavaScript đã chạm trần hiệu năng; sau khi thay Babel (17 lần) và Terser (6 lần) ở bản 12 thì làm tiếp phần bundling. Số tự đo: cập nhật nhanh hơn webpack 700 lần; app 3.000 module khởi động 1,8 giây so với 16,5 giây của webpack.

Bài học cho SWE

• Đưa kiến trúc mới vào cạnh kiến trúc cũ (hai thư mục, chọn từng route) giảm rủi ro hơn đổi một lần.
• Số benchmark do nhà cung cấp tự đo nên được kiểm lại trên app của mình.

Liên quan

• Vercel 2022 · Vercel 2021 · Vercel 2023
• Kiến trúc frontend · Đổi ngôn ngữ và runtime