Vinext 1.0: Next.js uygulamaları artık Vite üzerinde çalışıyor

Cloudflare, herhangi bir Next.js uygulamasının Vite üzerinde çalışmasını sağlayan Vinext 1.0'ı yayınladı. Şirket sürümü 28 Eylül 2026'da blogunda duyurdu.

AI deneyinden üretime

Vinext, şubat ayında bir haftalık, yapay zeka destekli bir deney olarak başladı: tek bir mühendisin Next.js çerçevesini Vite üzerinde yeniden üretmede ne kadar ileri gidebileceği test edildi. Yedi ay sonra proje, müşterilerin yüksek trafikli ve dinamik uygulamalar için üretimde çalıştırdığı bir çerçeveye dönüştü.

Sürüm 1.0 taşınabilirliğe odaklanıyor: Pages veya App Router için yazılmış bir uygulama, Cloudflare Workers'ın ücretsiz planı, Netlify veya AWS Lambda dahil her web platformuna dağıtılabiliyor. Cloudflare'e göre müşterilerin en çok talep ettiği özelliklerde test uyumluluğu artık %99'u aşıyor; cache components hariç.

1.0'da neler var

Sürüm her iki yönlendiriciyi ve karma uygulamaları destekliyor: React Server Components, Server Actions, API rotaları, route handlers, middleware ve istemci tarafı gezinme. Sayfalar sunucuda oluşturulabiliyor, derleme sırasında önceden hazırlanabiliyor, statik dosya olarak dışa aktarılabiliyor veya page-level ISR ile önbelleğe alınabiliyor.

Önbelleğe alma işlevleri App ve Pages Router ile desteklenen çalışma ortamları arasında ortak; ayrıca Cloudflare'in Workers Cache'i destekleniyor. İzleme Next.js ile uyumlu kalıyor, bu yüzden mevcut OpenTelemetry ve Sentry kurulumları çalışmaya devam ediyor; Workers üzerinde izler yerel Workers Observability ile bütünleşiyor. Vinext, genel next/* arayüzünü ve kimlik doğrulama, MDX, görsel optimizasyonu, yazı tipleri ve meta veriler için yaygın Next.js kalıplarını uyguluyor.

Önbellek ısıtma

Daha önce Vinext, ISR'yi yalnızca ilk istekten sonra destekliyordu. 1.0 sürümü rota sayfalarını derleme sırasında generateStaticParams() ve getStaticPaths() ile önceden oluşturabiliyor, bunları yol veya etikete göre geçersiz kılabiliyor ve tamamen statik dışa aktarmayı da destekliyor.

Büyük siteler yüz binlerce düşük trafikli URL'yi oluşturmak için saatler harcayabildiği için Cloudflare önbellek ısıtmayı ekledi. Sayfa önceden oluşturma, derleme makinesinden Cloudflare'in ağına taşınıyor; ağ ayrıca yüksek trafikli sayfaları seçebiliyor. Yeni bir Worker sürümü yükleniyor ve üretim trafiğinin %0'ına dağıtılıyor, sayfalar bu sürümden isteniyor ve önbellekler dolduktan sonra dağıtım yükseltiliyor.

Bundan sonrası

Her sabah ajanlar Next.js canary'deki commit'leri inceliyor ve Vinext'i etkileyebilecek değişiklikler için takip kayıtları açıyor; her gece uyumluluk matrisi yeniden üretiliyor. Geçiş iki komutla yapılıyor: npx vinext check ve npx vinext init. Yeni projeler npm create vinext-app@latest my-app ile başlıyor, dağıtım ise npx @vinext/cloudflare deploy --warm-cache ile yapılıyor. Vinext'in açık kaynak kodu github.com/cloudflare/vinext adresinde.