Next.js 16.2: Khởi động nhanh hơn 400%, hỗ trợ sâu cho AI Agent và hiệu năng vượt trội

Vercel đã chính thức phát hành Next.js 16.2, phiên bản mới nhất của framework React mã nguồn mở phổ biến. Bản cập nhật này mang đến những bước tiến lớn về hiệu suất, khả năng gỡ lỗi và đặc biệt là các công cụ hỗ trợ sâu cho AI Agent trong lập trình.

Hiệu năng đột phá

Điểm nhấn của bản phát hành lần này là tốc độ. Theo Vercel, lệnh next dev khởi động nhanh hơn khoảng 400% so với phiên bản trước, giúp máy chủ cục bộ sẵn sàng ngay sau khi được khởi chạy. Tốc độ kết xuất (rendering) cũng được cải thiện khoảng 50%.

Sự gia tăng hiệu năng này đến từ một thay đổi đóng góp cho React, giúp quá trình giải tuần tự hóa (deserialization) payload của Server Components nhanh hơn tới 350%. Thay vì sử dụng callback JSON.parse reviver liên tục vượt qua ranh giới C++ và JavaScript trong V8, phương pháp mới sử dụng JSON.parse thuần túy theo sau là một đệ quy trong JavaScript. Trong các ứng dụng thực tế, điều này giúp tốc độ kết xuất sang HTML nhanh hơn từ 25% đến 60% tùy thuộc vào kích thước payload.

Turbopack được nâng cấp

Turbopack, công cụ bundler mặc định từ Next.js 16, giờ đây đã bật tính năng Server Fast Refresh mặc định. Thay vì xóa bộ nhớ đệm require cho toàn bộ chuỗi import, nó chỉ tải lại module thực sự thay đổi. Vercel đo lường được rằng tính năng này giúp tốc độ làm mới ứng dụng nhanh hơn từ 67% đến 100% và thời gian biên dịch nhanh hơn từ 400% đến 900%.

Bản phát hành cũng thêm tính năng toàn vẹn tài nguyên con (Subresource Integrity) cho các tệp JavaScript, tree shaking cho các dynamic import đã bị hủy cấu trúc và hỗ trợ postcss.config.ts.

Hỗ trợ AI Agent

Một phần lớn của Next.js 16.2 tập trung vào phát triển hỗ trợ bởi AI. Lệnh create-next-app giờ sẽ tự động tạo file AGENTS.md, và gói next đi kèm tài liệu khớp phiên bản dưới dạng Markdown để các tác nhân lập trình (coding agents) có thể tham chiếu API chính xác ngay tại địa phương.

Ngoài ra, lỗi trình duyệt giờ được chuyển tiếp đến thiết bị đầu cuối theo mặc định (có thể cấu hình qua logging.browserToTerminal), và một CLI thử nghiệm @vercel/next-browser cho phép các tác nhân kiểm tra ứng dụng đang chạy ngay từ thiết bị đầu cuối.

Nâng cấp và Tương thích

Các phản hồi từ cộng đồng nói chung là tích cực. Nhiều nhà phát triển ghi nhận thời gian khởi động nhanh hơn đáng kể và việc nâng cấp diễn ra suôn sẻ.

Các đội ngũ đang sử dụng Next.js 15 có thể nâng cấp bằng công cụ codemod chính thức bằng cách chạy lệnh npx @next/codemod@canary upgrade latest. Lệnh này sẽ cập nhật cấu hình, di chuyển middleware đã đổi tên theo quy ước proxy và loại bỏ tiền tố unstable_ khỏi các API đã ổn định.

Next.js 16 yêu cầu Node.js 20.9 trở lên và TypeScript 5.1 trở lên. Hướng dẫn nâng cấp cũng ghi chép lại việc chuyển đổi sang các API yêu cầu hoàn toàn không đồng bộ như cookies, headers và params.