Hôm trước mình lướt Twitter thì thấy cả timeline dev đang nói về một thứ gọi là vinext. Cloudflare — cụ thể là một engineer duy nhất — đã dùng AI để rebuild lại toàn bộ Next.js trên nền Vite chỉ trong 7 ngày. Mình nghĩ đây là một trong những câu chuyện kỹ thuật đáng chú ý nhất đầu năm 2026.
Mình test thử vinext tuần qua và phải nói là khá bất ngờ. Bài này mình sẽ chia sẻ vinext là gì, tại sao nó quan trọng, và có nên dùng thay Next.js không.
Vinext Là Gì Và Tại Sao Cả Ngành Đang Bàn Tán?
Vinext (phát âm “vee-next”) là một plugin Vite reimplement lại toàn bộ API surface của Next.js: routing, server rendering, React Server Components, server actions, caching, middleware. Tất cả chạy trên Vite thay vì Turbopack.
Điểm khiến mình thực sự ấn tượng: chi phí token cho toàn bộ dự án chỉ khoảng 1.100 USD. Một engineer, một AI model, 800+ development sessions trong 7 ngày. Cloudflare đã có khách hàng chạy vinext trên production.
Vấn Đề Next.js Mà Vinext Giải Quyết Là Gì?
Next.js là framework React phổ biến nhất hiện nay, hàng triệu developer dùng. Nhưng nó có một vấn đề lớn khi deploy lên serverless platforms bên ngoài Vercel.
Next.js đầu tư mạnh vào Turbopack, một toolchain riêng. Nếu bạn muốn deploy lên Cloudflare Workers, Netlify hay AWS Lambda, bạn phải reshape lại build output cho phù hợp platform target. OpenNext sinh ra để giải quyết việc này, nhưng nó phải reverse-engineer Next.js build output — dẫn đến những thay đổi khó đoán giữa các version.
Mình từng thử deploy một app Next.js lên Cloudflare Workers qua OpenNext. Đó là trải nghiệm thú vị theo nghĩa không tốt. Mỗi lần Next.js update version là lại có gì đó hỏng.
Vinext tiếp cận khác: thay vì adapt output, nó reimplement lại toàn bộ API trên Vite. Cài đặt cực kỳ đơn giản:
npm install vinextThay “next” bằng “vinext” trong scripts, mọi thứ khác giữ nguyên. App Router, Pages Router, next.config.js đều hoạt động như cũ.
Benchmark Thực Tế: Build Nhanh 4 Lần, Bundle Nhỏ 57%
Cloudflare đã benchmark vinext so với Next.js 16.1.6 trên một ứng dụng 33 route dùng App Router. Kết quả rất ấn tượng:
Build Time (Production)
| Framework | Thời gian | So với Next.js |
|---|---|---|
| Next.js 16.1.6 (Turbopack) | 7.38 giây | Baseline |
| vinext (Vite 7 / Rollup) | 4.64 giây | Nhanh 1.6x |
| vinext (Vite 8 / Rolldown) | 1.67 giây | Nhanh 4.4x |
Bundle Size Client (gzipped)
| Framework | Kích thước | So với Next.js |
|---|---|---|
| Next.js 16.1.6 | 168.9 KB | Baseline |
| vinext (Rollup) | 74.0 KB | Nhỏ 56% |
| vinext (Rolldown) | 72.9 KB | Nhỏ 57% |
Con số bundle nhỏ hơn 57% là điều khiến mình thực sự chú ý. Với Lighthouse PageSpeed đang ngày càng khắt khe và AI crawlers ưu tiên site nhanh, giảm gần 100KB gzipped client bundle là win lớn.
Mình test trên một app nhỏ 10 route thì kết quả tương tự: build time giảm khoảng 3x, bundle giảm khoảng 50%. Tất nhiên đây là early benchmarks, nhưng direction rất rõ ràng.
Deploy Lên Cloudflare Workers Chỉ Với 1 Lệnh
Đây là phần mình thích nhất. Deploy chỉ cần:
vinext deployMột lệnh xử lý tất cả: build app, auto-generate Worker configuration, deploy. Cả App Router và Pages Router đều chạy trên Workers, với full client-side hydration, interactive components, client-side navigation, và React state.
Cho ISR (Incremental Static Regeneration), vinext cung cấp sẵn KV cache handler:
import { KVCacheHandler } from "vinext/cloudflare";
import { setCacheHandler } from "next/cache";
setCacheHandler(new KVCacheHandler());So Sánh Vinext Với Next.js: Nên Chọn Cái Nào?
Mình sẽ so sánh thẳng để bạn dễ quyết định.
Điểm mạnh của vinext:
- Build nhanh hơn đáng kể, đặc biệt với Rolldown (Rust-based bundler)
- Bundle size nhỏ hơn 57%, lợi thế lớn cho performance và SEO
- Deploy lên Cloudflare Workers tự nhiên, không cần OpenNext hack
- Chạy trên Vite ecosystem, leverage được toàn bộ Vite plugin
- Dev server dùng chính runtime target, test được platform APIs như Durable Objects, KV
Điểm yếu của vinext:
- Vẫn còn sớm — một số Next.js API chưa cover đầy đủ
- Cloudflare Workers là first-class target, các platform khác chưa tối ưu bằng
- Community nhỏ hơn Next.js rất nhiều
- Document còn hạn chế so với Next.js docs khổng lồ
- Không phải official Vercel product, long-term support chưa rõ
Khi nào nên dùng vinext:
- Bạn đang deploy lên Cloudflare Workers và gặp khó khăn với OpenNext
- Performance và bundle size là ưu tiên cao
- Bạn muốn thoát khỏi Vercel lock-in
- App của bạn dùng App Router features phổ biến, không cần edge cases phức tạp
Khi nào nên ở lại Next.js:
- Bạn deploy trên Vercel hoặc Node.js server truyền thống
- App dùng nhiều Next.js features nâng cao chưa được vinext cover
- Team lớn, cần stability và ecosystem support
- Bạn không muốn take risk với một tool còn non trẻ
AI Viết Framework — Đây Là Điểm Mình Muốn Bàn Thêm
Câu chuyện đằng sau vinext quan trọng không kém sản phẩm. Một engineer dùng AI để reimplement framework phổ biến nhất frontend trong 1 tuần, chi phí 1.100 USD.
Mình đã test nhiều AI coding tools và từng review Cursor Composer 2.5, Claude Code, Grok Build. Nhưng vinext là proof-of-concept mạnh nhất đến nay về khả năng AI viết production-grade code.
Điều này đặt ra câu hỏi: nếu một framework có thể được rebuild trong 1 tuần bằng AI, thì value proposition của framework đó thay đổi như thế nào? Framework lock-in có còn ý nghĩa không khi AI có thể generate lại adapter cho platform khác trong vài ngày?
Mình nghĩ 2026 là năm mà chi phí build software giảm xuống mức mà các quyết định architecture truyền thống cần phải suy nghĩ lại. Không phải AI thay developer — mà là AI cho phép developer làm được nhiều hơn với ít nguồn lực hơn đáng kể.
Những Điểm Cần Lưu Ý Nếu Muốn Thử Vinext
Nếu bạn tò mò muốn thử, mình có vài lưu ý từ trải nghiệm cá nhân:
Thứ nhất, đọc document trên GitHub carefully. Vinext còn early stage, một số API behavior có thể khác subtly so với Next.js. Đặc biệt là caching và revalidation.
Thứ hai, bắt đầu với project nhỏ. Đừng migrate production app ngay. Tạo một app mới, test các features bạn dùng thường xuyên, rồi mới quyết định.
Thứ ba, Cloudflare Workers có giới hạn runtime (30 giây cho free plan, 15 phút cho paid). Nếu app của bạn có heavy server-side processing, đây là điều cần tính đến.
Thứ tư, benchmark trên app của chính bạn. Con số Cloudflare publish là directional, không phải definitive. Kết quả thực tế phụ thuộc vào app structure.
Tổng Kết
Vinext là một trong những câu chuyện kỹ thuật thú vị nhất mình thấy đầu 2026. Một engineer dùng AI rebuild Next.js trong 1 tuần, build nhanh 4 lần, bundle nhỏ 57%, deploy 1 lệnh lên Cloudflare Workers.
Nó chưa sẵn sàng thay thế Next.js cho mọi use case. Nhưng nó cho thấy hướng đi rõ ràng: framework không còn locked vào build toolchain cụ thể, AI làm được nhiều hơn mình nghĩ, và chi phí build software đang thay đổi nhanh.
Nếu bạn đang deploy Next.js lên Cloudflare Workers và gặp pain với OpenNext, vinext đáng để thử. Mình sẽ tiếp tục follow và cập nhật khi có thêm development mới.
