30/09/2026 · VietTechies · Biên tập
Cloudflare đã phát hành Vinext 1.0, một framework dựa trên Vite được thiết kế để chạy các ứng dụng Next.js hiện có trên nhiều nền tảng web, trong đó có Cloudflare Workers, Netlify và AWS Lambda. Bản phát hành này hỗ trợ cả App Router lẫn Pages Router, cho phép các nhóm chuyển đổi mà không phải thay thế cấu trúc dự án Next.js hiện tại.
Tập trung vào khả năng tương thích
Vinext 1.0 hỗ trợ ứng dụng hybrid và triển khai các mô hình Next.js quan trọng, gồm React Server Components, Server Actions, API routes, route handlers, middleware và điều hướng phía máy khách. Cloudflare cho biết khả năng tương thích với phần lớn tính năng quan trọng do khách hàng yêu cầu hiện đã vượt 99%, đồng thời lưu ý đây là con số phản ánh nỗ lực tương thích của chính công ty, không phải kết quả từ một phép đo độc lập.
Framework này cũng hỗ trợ kết xuất phía máy chủ, tiền kết xuất trong quá trình build, xuất tĩnh và Incremental Static Regeneration (ISR) ở cấp trang. Các hàm bộ nhớ đệm dùng chung hoạt động trên cả hai router và những runtime được hỗ trợ, đồng thời có thêm hỗ trợ cho Workers Cache của Cloudflare.
Chuyển đổi và triển khai
Có thể kiểm tra và khởi tạo dự án hiện có bằng `npx vinext check`, sau đó chạy `npx vinext init`. Để tạo ứng dụng mới, sử dụng `npm create vinext-app@latest my-app`. Cloudflare cho biết quy trình này giữ nguyên cấu trúc dự án Next.js hiện tại, đồng thời bổ sung cấu hình Vite và triển khai.
Vinext có thể chạy mã máy chủ trong runtime workerd của Cloudflare khi phát triển và vận hành, cho phép ứng dụng truy cập các binding của Workers, chẳng hạn như các tính năng tối ưu hóa hình ảnh và Hyperdrive. Framework cũng hướng tới các nền tảng web khác, dù nguồn thông tin mô tả chi tiết nhất hành vi triển khai trên Cloudflare Workers.
Làm nóng bộ nhớ đệm cho các trang lớn
Quy trình làm nóng bộ nhớ đệm mới chuyển việc kết xuất một số trang được chọn từ máy build sang mạng lưới Cloudflare. Quy trình này có thể dùng các primitive tạo route của Next.js và xác định những trang có lưu lượng cao trước khi triển khai lên môi trường vận hành, sau đó nạp chúng vào bộ nhớ đệm trên một phiên bản Worker chưa nhận lưu lượng thực tế trước khi phiên bản đó được đưa lên chính thức.
Cách tiếp cận này hướng đến các website có số lượng URL rất lớn, nơi tiền kết xuất mọi trang có thể trong quá trình build mất nhiều thời gian. Tính năng phụ thuộc vào quy trình triển khai của Cloudflare và không được giới thiệu như một phương án thay thế chung cho mọi hình thức kết xuất trong lúc build.
Một giới hạn được nêu rõ
Vinext hiện chỉ hỗ trợ hạn chế chỉ thị `use cache` gắn với Cache Components của Next.js. Cloudflare cho biết việc cải thiện khả năng tương thích này nằm trong lộ trình, nhưng phát triển hiện tại tập trung vào hành vi của router, bộ nhớ đệm, triển khai và các lĩnh vực tương thích cốt lõi khác.
Ảnh minh họa do AI tạo, không phải ảnh tư liệu.
Nguồn: Next.js applications, powered by Vite: introducing Vinext 1.0