Cloudflare mengumumkan peluncuran ViNext, sebuah kerangka kerja eksperimental yang mengimplementasikan kembali permukaan API Next.js langsung di atas Vite. Seorang insinyur perusahaan, dengan bantuan model kecerdasan buatan, membangun kembali proyek hanya dalam waktu satu minggu, antara tanggal 13 dan 20 Februari 2026. Hasilnya menawarkan peningkatan produksi hingga 4,4 kali lebih cepat dan paket pelanggan hingga 57% lebih kecil dibandingkan Next.js 16.1.6 dengan Turbopack. ViNext memungkinkan penerapan langsung pada Cloudflare Workers dengan satu perintah dan sudah digunakan dalam produksi oleh beberapa tim.
Proyek ini muncul sebagai solusi terhadap keterbatasan penerapan Next.js di berbagai lingkungan tanpa server. Diferente adaptor seperti OpenNext, yang memodifikasi output dari build asli, ViNext membangun kembali fungsionalitas penting seperti perutean berbasis file, rendering sisi server, React Server Components, tindakan server, caching, dan middleware. Pendekatan Essa menggunakan Vite sebagai basis, alat yang diadopsi oleh kerangka kerja seperti Astro, SvelteKit, Nuxt, dan Remix. Kompatibilitas mencakup App Router dan Pages Router, memungkinkan direktori aplikasi/ dan halaman/ berfungsi tanpa perubahan signifikan.
Perkembangan yang dipercepat AI
Proses pembuatannya melibatkan sekitar 800 sesi dengan model Claude dari Anthropic. Total biaya dalam token API adalah sekitar $1.100. Insinyur mendefinisikan arsitektur awal dalam beberapa jam dan memandu model untuk menghasilkan kode secara berulang. Strategi Essa menunjukkan bagaimana alat AI saat ini dapat menangani sistem yang kompleks ketika terdapat dokumentasi yang jelas, pengujian yang kuat, dan dasar teknis yang kuat seperti Vite.
ViNext mencapai cakupan 94% dari API Next.js 16. Benchmarks pertemuan publik yang diadakan di CI di GitHub mengonfirmasi peningkatan kinerja. Sites dalam produksi, seperti National Design Studio di cio.gov, telah mengadopsi kerangka kerja tersebut dan melaporkan peningkatan dalam waktu pembuatan dan ukuran paket.
Keunggulan teknis dan integrasi dengan Cloudflare
ViNext menawarkan perintah sederhana untuk pengembang. Instalasi Após melalui npm install vinext, dimungkinkan untuk menjalankan vinext dev untuk pengembangan dengan penggantian modul panas, build vinext untuk produksi dan penerapan vinext untuk penerapan otomatis pada Cloudflare Workers. Integrasi asli dengan layanan platform mencakup dukungan KV untuk caching di Incremental Static Regeneration (ISR). Desenvolvedores mengonfigurasi penangan khusus untuk caching, dengan kemungkinan penggunaan API R2 atau Cache di masa mendatang.
Lapisan cache dapat dicolokkan, sehingga meningkatkan fleksibilitas. Aplicações secara langsung mengakses pengikatan Durable Objects, KV, dan AI tanpa solusi, baik di lingkungan pengembangan maupun produksi pada waktu proses yang berfungsi. Penerapan ini menghasilkan konfigurasi otomatis Worker, menyederhanakan proses dibandingkan dengan solusi tradisional.
Tolok ukur dan perbandingan kinerja
Pengujian menunjukkan build produksi dalam 1,67 detik dengan Vite 8 dan Rolldown, dibandingkan 7,38 detik pada Next.js dengan Turbopack. Paket klien yang di-gzip turun dari 168,9 KB menjadi 72,9 KB, pengurangan sebesar 57%. Nomor Esses berasal dari metodologi publik dan dapat diulang. Proyek ini berencana untuk berevolusi dengan Rolldown di versi mendatang untuk mendapatkan keuntungan tambahan.
ViNext mendukung Traffic-aware Pre-Rendering eksperimental, yang hanya melakukan pra-render halaman dengan lalu lintas nyata berdasarkan analitik Cloudflare. Dalam satu contoh, 184 halaman mencakup 90% lalu lintas dan dipra-render dalam 8,3 detik saat menggunakan vinext deploy –experimental-tpr.
Keterbatasan proyek saat ini
ViNext masih dalam tahap percobaan. Render statis Pré-penuh pada waktu pembuatan belum tersedia. Sites 100% statika dapat menemukan opsi yang lebih sesuai dalam kerangka kerja seperti Astro. Apesar karena cakupan pengujian yang tinggi, tim merekomendasikan kehati-hatian dalam aplikasi skala besar hingga validasi lebih lanjut dalam produksi.
Komunitas dapat berkontribusi pada repositori sumber terbuka. Proyek ini mendorong pembuktian konsep pada platform lain, seperti Vercel, yang menunjukkan potensi runtime-agnostic berkat API Vite Environment.
Migrasi dan contoh praktis
Alat migrasi yang dibantu agen memudahkan transisi proyek Next.js yang ada. Desenvolvedores tambahkan keterampilan melalui keterampilan npx tambahkan cloudflare/vinext dan gunakan perintah di editor yang kompatibel untuk mengonversi secara otomatis. Exemplos langsung menampilkan aplikasi yang berjalan tanpa adaptasi manual.
ViNext memperkuat integrasi dengan ekosistem Cloudflare. Aplicações menjelajahi fitur platform asli tanpa batasan yang diberlakukan oleh rantai alat tertentu.
