Cloudflare merilis vinext, rekonstruksi Next.js ke Vite dengan AI hanya dalam 1 minggu

Seorang engineer di Cloudflare merilis proyek 'vinext (vee-next)' yang sepenuhnya menulis ulang infrastruktur Next.js yang kompleks ke basis Vite dengan bantuan AI (Claude). Ini merupakan upaya eksperimental untuk mengatasi masalah build dan deployment kronis pada Next.js.

Ringkasan utama

• Motivasi: Next.js memang hebat, tetapi sangat bergantung pada Turbopack sebagai tool build bawaannya, sehingga untuk deploy ke lingkungan serverless seperti Cloudflare Workers atau AWS Lambda harus melewati adapter kompleks seperti OpenNext, yang menimbulkan masalah 'bottleneck deployment'.
• Proses pengembangan: Diimplementasikan dalam 1 minggu dengan pemanfaatan AI secara aktif. Diverifikasi lewat 1.700+ pengujian Vitest hasil porting dari pengujian Next.js dan suitability test OpenNext, serta 380 tes Playwright E2E. Lulus 94% pengujian API surface Next.js 16
• Solusi: Alih-alih memodifikasi output Next.js, API Next.js (Routing, RSC, SSR, dll.) diimplementasikan ulang secara langsung di atas Vite sejak awal.
• Hasil: Selesai dalam seminggu dengan biaya token AI sekitar $1,100. Dibanding Next.js, hasilnya memberikan kecepatan build hingga 4x lebih cepat dan ukuran client bundle 57% lebih kecil.
• Karakteristik teknis: API inti seperti next/link, next/navigation, Server Actions, dan RSC (React Server Components) diimplementasikan ulang dalam bentuk plugin Vite, sehingga aplikasi Next.js yang sudah ada bisa dipindahkan hampir tanpa perubahan.

Makna: Ini menunjukkan bahwa bahkan framework besar pun bisa digantikan dalam waktu singkat dengan versi yang lebih ringan dan cepat jika didukung pengujian yang terdefinisi dengan baik serta bantuan AI.

[myodan]

Rasanya upaya seperti ini bisa dilakukan karena Next.js bersifat open source dan struktur serta tujuannya relatif jelas.
Terutama karena ada banyak kode pengujian dan referensi, pendekatan yang mengarahkan implementasi agar lolos pengujian juga tampaknya cukup realistis.

Kecepatan perkembangan AI benar-benar luar biasa.
Pekerjaan memang masih terasa terancam.. apa saya harus ganti profesi ke pekerjaan lapangan.. :(

[xguru]

Cara mereimplementasikan Next.js dengan AI dalam satu minggu
Silakan lihat juga versi yang dirangkum oleh GN+

[click]

Meskipun tulisan blognya tidak bernada seperti itu, terasa ada implikasi bahwa fitur static site generation sengaja dihilangkan dengan maksud agar untuk static site generation orang memakai Astro.

[roxie]

Astro*

[t7vonn]

Rasanya akan lebih baik jika upaya selama satu minggu itu dicurahkan ke opennext.

[click]

Arah dasarnya memang berbeda.
OpenNext mengonversi hasil build nextjs, sedangkan vinext adalah penulisan ulang menyeluruh yang menggantikan turbopack dengan vite.

[GN⁺]

Komentar Hacker News

• Saya suka Next, tapi saya juga cinta Vite. Masalahnya, tim Next terasa fokus pada fitur-fitur mewah untuk 0,1% pengguna dan mengabaikan 99,9% sisanya. Fork dari Cloudflare kali ini tampaknya bisa menjawab keluhan itu. Peningkatan performa sudah lama diinginkan komunitas Next, dan akhirnya ada yang mendengarkannya. Kalau ini berhasil, saya juga ingin mencobanya di kantor

  • Next adalah framework terburuk yang pernah saya pakai setelah Rails. Untuk sebagian besar aplikasi, itu cuma overhead murni
  • Masa kalian benar-benar berharap ada dukungan jangka panjang dari eksperimen yang dibuat satu engineer di waktu senggangnya?
  • Di perusahaan kami ada aplikasi Next.js yang sudah berumur lebih dari 7 tahun, dan meskipun berjalan baik, perubahan yang tidak perlu terlalu banyak. Setiap kali upgrade versi, banyak pemborosan refactor
  • Tadi kamu bilang suka Next, tapi apa keunggulan Next jika dipisahkan dari Vercel? Tanpa fitur Vercel, menurut saya tidak ada alasan kuat untuk memakai Next
  • Saya benci Next dan suka Vite. Aplikasi Next.js produksi besar di kantor sangat lambat sampai kami harus upgrade ke M4 Pro. Build lokal butuh beberapa menit, dan hot refresh juga bisa lebih dari 10 detik. Tim Next selalu cuma memberi tautan dokumentasi dan bilang pengguna yang salah. Padahal framework-nya sendiri memang lambat

• Menurut saya ini contoh yang bagus tentang insentif open source di era AI. Semakin rapi dokumentasi dan semakin jelas kontraknya, semakin mudah juga orang lain menirunya. Kalau Cloudflare tidak memanfaatkan test Next, fork seperti ini mungkin tidak akan mungkin terjadi. Server Components masih pola yang diremehkan, jadi upaya untuk menyederhanakan DX patut disambut. Next menjadi rumit karena berkembang sedikit demi sedikit, sedangkan framework baru bisa dirancang fleksibel sejak awal

  • Saya setuju. Begitu seseorang menetapkan eksperimen API dan best practice, orang lain bisa langsung mengambil dan memakainya. Ini memang konsekuensi yang dibuat sendiri oleh Vercel, tapi saya khawatir proyek-proyek kecil bisa lenyap dengan cara seperti ini
  • Saya tidak setuju dengan klaim bahwa Cloudflare tidak mungkin melakukannya tanpa test Next. Banyak sistem kompleks pernah direplikasi lewat reverse engineering. Kalau melihat kecepatan AI, menurut saya hambatan masuknya hampir tidak ada
  • Kalau modelnya berubah menjadi open-core + test privat, bisa jadi open source yang sebenarnya pada akhirnya adalah test atau spesifikasi

• Menyebut ini sebagai implementasi ulang ‘from scratch’ padahal “Hello world” saja belum jalan menurut saya berlebihan. Kalau test dari aslinya diambil mentah-mentah, sulit menyebutnya penulisan ulang yang benar-benar penuh. Mirip seperti mengambil paragraf pertama novel terkenal, mengganti beberapa kata, lalu mengklaim itu karya baru

• Menarik bahwa Cloudflare mengakuisisi Astro sebulan lalu, lalu sekarang menyalin Next.js dengan AI. Kalau memang semudah itu membuatnya, kenapa mereka membeli Astro? Mungkin karena mereka ingin mengamankan visi dan kepemimpinan framework

  • Akuisisi Astro adalah strategi produk yang serius, sedangkan proyek ini tampak seperti eksperimen untuk mengejek pesaing. Kita lihat saja hasilnya beberapa tahun lagi
  • Astro berfokus pada situs statis, jadi berada di ranah yang berbeda dari Next. Cloudflare tampaknya ingin menguasai lapisan website tertentu seperti Vercel lewat Astro. Pada akhirnya, orang-orang yang memindahkan situs Next.js ke Cloudflare akan bermigrasi ke Astro
  • Astro cocok untuk situs statis, sedangkan Next juga bisa dipakai untuk web app dinamis. Kami memakai Astro untuk sistem dokumentasi internal dan sangat puas
  • Mungkin Cloudflare hanya sedang menjalankan strategi untuk mengarahkan orang ke ekosistem produknya sendiri. Saya belakangan pindah ke Svelte dan cukup senang memakainya
  • Astro tidak menyelesaikan masalah yang sama seperti Next. Ini untuk situs statis

• Dulu Next.js pernah mengalami kerentanan remote code execution, jadi saya ingin menghindari versi buatan AI untuk sementara waktu

  • Itu juga kekhawatiran terbesar saya. Bahkan sebelum RCE itu, saya sudah tidak memakai Next.js untuk proyek pribadi. Pembuatan kode dengan AI membuat bug seperti ini lebih mudah muncul dan lebih mudah lolos
  • Itu bukan kerentanan Next, melainkan kerentanan React

• Saya selalu curiga kalau ada yang bilang “AI mengimplementasikan ulang X”. Detail edge case dan hasil perbaikan bug bertahun-tahun kemungkinan besar hilang. Kalau benar-benar lolos semua test saya akan mengakuinya, tapi selain itu sulit dipercaya

  • Saya juga belum sepenuhnya percaya, tapi kali ini katanya lolos 2.000 unit test dan 400 test E2E milik Next

• Ini adalah eksperimen AI paling menarik yang pernah saya lihat sejauh ini. Saya terkejut karena codebase-nya jauh lebih kecil daripada Next.js. Tapi saya masih bertanya-tanya apakah ini cuma sekadar lolos test. Misalnya, implementasi form-nya benar-benar berbeda. Meski begitu, tetap mengesankan

  • (Engineer Cloudflare) Kesesuaian fitur penuh memang bukan targetnya. Ini masih versi awal, jadi masih banyak bagian yang belum ada. Kodenya kecil karena dibangun di atas Vite dan plugin RSC
  • Ini nyaris terlihat seperti serangan pasif-agresif. Apakah Cloudflare punya keluhan terhadap tim Next? Kesannya seperti, ‘dengan AI dan intern saja kami bisa bikin produkmu’
  • Sepertinya kode berkurang karena banyak logika didelegasikan ke Vite

• Saya tidak setuju dengan pernyataan “abstraksi dalam software muncul karena manusia tidak mampu menangani kompleksitas”. Abstraksi ada untuk menangkap esensi realitas dan meningkatkan reusabilitas. Pelapisan cuma soal pemisahan concern

• Menarik bahwa total biayanya hanya sekitar token senilai 1.100 dolar AS

• Inti sebenarnya adalah waktu akuisisi Astro. Cloudflare membeli Astro sebulan lalu, lalu sekarang mengumumkan replikasi API Next.js dengan AI. Ini adalah sinyal pembongkaran lock-in framework. Artinya mereka memberi dua jalur keluar bagi pengguna Next.js yang terikat ke Vercel — proyek baru ke Astro, proyek lama ke Vinext. Walaupun belum siap untuk produksi saat ini, pesannya sudah cukup untuk menggoyang daya saing harga Vercel

  • Jadi saya langsung teringat bahwa test suite SQLite itu bersifat privat
  • Sejelek apa pun reputasi Next.js, tidak akan ada yang memindahkan produksi ke proyek berumur seminggu. Meski begitu, suatu hari nanti ini bisa saja menggantikan Turbopack milik Vercel
  • Cloudflare juga sudah mendukung OpenNext