Vinext 1.0 duyuruldu: Next.js uygulamaları artık Vite ile her platformda çalışabilir

Bir haftalık deneyden üretim çerçevesine

Vinext, Şubat ayında bir mühendisin bir haftalık yapay zeka destekli deneyiyle Next.js framework'ünü Vite tabanlı olarak kopyalama girişimi olarak ortaya çıktı. O günden bu yana geçen yedi ay içinde Vinext, müşterilerin üretimde güvendiği ve yüksek trafikli dinamik uygulamalar için kullandığı bir çerçeveye dönüştü.

Bugün duyurulan Vinext 1.0, Next.js uygulamalarını her yerde dağıtmayı mümkün kılma yolculuğunda bir sonraki adım olarak sunuluyor. Vinext, Pages veya App Router için oluşturulmuş herhangi bir Next.js uygulamasını alıp Cloudflare Workers ücretsiz planı, Netlify veya AWS Lambda dahil herhangi bir web platformuna taşınabilir hale getiriyor.

Vinext 1.0, uyumluluk, kararlılık ve önbellekleme davranışlarında kapsamlı iyileştirmeler getiriyor ve projeyi uzun vadeli bir yapıya hazırlıyor. Next.js projesini Vinext'e dönüştürmek için 'npx vinext check' ve 'npx vinext init' komutları çalıştırılabiliyor.

Uyumluluk ve test altyapısı

Vinext ilk sürümünde umut vericiydi ancak eksikti. O zamandan beri App Router uyumluluğu iyileştirildi ve Pages Router uygulamalarına genişletildi. Vinext ekibi, birçok müşterinin uzun süredir kullandığı ve taşınması karmaşık olan büyük Pages Router uygulamalarına sahip olduğunu öğrendiği için her iki router'ı da desteklemeye odaklandı.

Vinext'in test uyumluluğu, önbellek bileşenleri hariç, en önemli müşteri talep edilen özellikler için %99'un üzerine çıktı. Vinext'in test paketi, her iki router, geliştirme ve üretim sunucusu ile Node.js ve Cloudflare Workers dağıtım hedeflerini kapsayan binlerce odaklanmış test içeriyor.

Vinext ekibi, Next.js uçtan uca test paketini her gece Vinext'e karşı çalıştırarak uyumluluk penceresini sürekli güncel tutuyor ve regresyonları hemen fark ediyor. Her sabah bir ajan, değişiklikleri inceler, farkları alır ve Vinext'i etkileyebilecek her şey için takip sorunları açar. Her gece, Next.js test paketi Vinext'e karşı çalıştırılırken uyumluluk matrisi yeniden oluşturulur.

Desteklenen özellikler ve çalışma zamanı

Vinext, React Server Components, Server Actions, API rotaları, rota işleyicileri, ara katman yazılımı ve istemci tarafı gezinme gibi özellikleri destekliyor. Vinext, App ve Pages Router ile desteklenen çalışma zamanları arasında paylaşılan bir önbellekleme işlevleri kümesine sahip ve Cloudflare'ın Workers Cache kullanımı için ek destek sunuyor.

Vinext, her iki router'da Next.js uyumlu izleme sağlıyor; bu sayede mevcut OpenTelemetry ve Sentry kurulumları çalışmaya devam ediyor. Cloudflare Workers'ta izler, yerel Workers Observability ile entegre oluyor.

Vinext, genel next/* yüzeyini uygular ve kimlik doğrulama, MDX, görüntü optimizasyonu, yazı tipleri, meta veriler, ortam değişkenleri gibi yaygın Next desenlerini destekler. Vinext her yerde çalışabilirken, sunucu kodu geliştirme ve üretim sırasında Cloudflare workerd çalışma zamanında çalışabilir ve görüntü optimizasyonu ile hyperdrive gibi bağlamalara doğrudan erişebilir.

Next.js kurulumunuzun ve yaptığınız değişikliklerin uyumlu olduğunu doğrulamak ve Vite ile dağıtım yapılandırmasını kurmak için iki komut yeterlidir. Vinext şu anda Cache Components'ı yönlendiren 'use cache' yönergesi için sınırlı desteğe sahiptir; ancak uyumluluk iyileştirilmeye devam edilecektir.

Ön oluşturma ve cache warming

Vinext ilk duyurulduğunda, ilk istekten sonra Incremental Static Regeneration (ISR) destekliyordu ancak derleme sırasında sayfaları oluşturmuyordu. Vinext 1.0, generateStaticParams() ve getStaticPaths() kullanarak derleme sırasında sayfaları önceden oluşturuyor, sayfa düzeyinde ISR ile sunuyor ve yol veya etikete göre geçersiz kılıyor. Vinext 1.0, tamamen statik bir site istendiğinde output: "export" seçeneğini destekliyor.

Cache warming, sayfa önceden oluşturmayı derleme makinesinden Cloudflare'ın ağına taşıyor. Geliştiriciler, önceden oluşturulacak sayfaları belirlemek için Next.js primitiflerini kullanmaya devam edebilir ve Vinext ayrıca bu listeye eklenecek yüksek trafikli sayfaları belirleyebilir. Cache warming, site üretime dağıtılmadan önce arka planda gerçekleşir; böylece site dağıtıldığı anda Cloudflare önbelleğinden hızlı yanıtlar sunmaya hazır olur.

Dağıtım sürecinde, yeni bir Worker sürümü yüklenir ve üretim trafiğinin %0'ına dağıtılır, ardından sayfalar özellikle bu sürümden istenir.

Kullanıma başlama

Vinext, yeni uygulamalar ve mevcut Next.js projeleri için kullanılabilir. Yeni bir uygulama başlatmak için 'npm create vinext-app@latest my-app' komutu çalıştırılabilir. Mevcut bir uygulamayı taşımak için 'npx vinext check && npx vinext init' komutları kullanılabilir. Cloudflare Workers'a cache warming ile dağıtım yapmak için ise 'npx @vinext/cloudflare deploy --warm-cache' komutu çalıştırılabilir.