07/10/2026 · VietTechies · Biên tập
Next.js 16.4 đã chính thức phát hành, thiết lập Cache Components làm mô hình lập trình được khuyên dùng cho mọi ứng dụng trước khi trở thành mặc định trong phiên bản Next.js 17. Bản cập nhật này tự động bật Cache Components cho các dự án mới khởi tạo, bổ sung quy trình làm việc CLI và cờ cấu hình dành riêng cho các AI Agent lập trình, đồng thời tích hợp React 19.3 cùng các cải tiến hiệu năng cho Turbopack.
Kiểm soát bộ nhớ đệm chi tiết và tuyến đường tĩnh
Cache Components cho phép các nhà phát triển khai báo quy tắc lưu bộ nhớ đệm trực tiếp trên các cây thành phần con bằng chỉ thị 'use cache'. Nhằm ngăn chặn việc render phát sinh không mong muốn vào thời điểm xử lý yêu cầu (request-time), Next.js 16.4 giới thiệu cấu hình ensureStatic. Nhà phát triển có thể thiết lập ensureStatic cho từng trang hoặc bố cục (layout) cụ thể để bắt buộc phần khung (shell), quá trình tải trước (prefetch) hoặc toàn bộ luồng điều hướng phải hoàn toàn tĩnh, khiến quá trình đóng gói (build) bị lỗi nếu vô tình chứa nội dung động.
Bản cập nhật này cũng bổ sung các hàm navigation() và prefetch() vào mô-đun next/cache. Những API này giúp ứng dụng loại trừ các nội dung dung lượng lớn trong quá trình tải trước, trì hoãn việc render các phần tử này cho đến khi người dùng thực hiện thao tác điều hướng rõ ràng.
Quy trình chuyển đổi dành cho AI Agent
Để hỗ trợ nhà phát triển và trợ lý AI cập nhật framework, Next.js 16.4 giới thiệu lệnh next upgrade –agent. Tùy chọn này cung cấp cho các AI Agent lập trình hướng dẫn nâng cấp theo từng phiên bản cụ thể, các công cụ chuyển đổi mã nguồn (codemods) và các bước xác minh nhằm hỗ trợ quá trình chuyển đổi dự án sang mô hình Cache Components.
Bên cạnh đó, phiên bản này mang đến hai tùy chọn cấu hình thử nghiệm mới. Thiết lập agentUpgrade sẽ tự động đưa ra nhắc nhở về các bản vá bảo mật hoặc phiên bản framework mới trong quá trình build ở môi trường phát triển. Trong khi đó, tính năng agentFeedback cho phép AI Agent chuẩn bị các bản thảo báo cáo lỗi để con người xem xét trước khi gửi dữ liệu đo đạc từ xa (telemetry) về cho đội ngũ phát triển Next.js.
Tối ưu hóa Turbopack và tích hợp React 19.3
Next.js 16.4 đi kèm với React 19.3, mang lại sự ổn định cho tính năng View Transitions, Fragment Refs và API browser(). Các cải tiến đối với Turbopack giúp giảm dung lượng bộ nhớ đệm trên đĩa từ 20% đến 25% nhờ kết hợp nén dữ liệu Zstandard với cơ chế tra cứu siêu dữ liệu bằng LZ4.
Dung lượng gói mã nguồn ở môi trường sản xuất (production bundle) cũng được thu gọn nhờ việc rút ngắn tên lớp trong CSS Module và tối ưu mã hóa xuất tệp (export mangling) trong JavaScript. Về phía biên dịch, Turbopack hiện áp dụng cơ chế làm mới phần tử máy chủ nóng (server hot-module replacement) một cách lười biếng (lazily) chỉ khi có yêu cầu. Ngoài ra, những cải tiến trên Trình biên dịch React dựa trên Rust dạng thử nghiệm đã giúp giảm 30% mức tiêu thụ bộ nhớ và rút ngắn 15% thời gian biên dịch.
Ảnh minh họa do AI tạo, không phải ảnh tư liệu.
Nguồn: Next.js 16.4