Ana uygulamanız Vite üzerinde mi, ve Next.js ayrı mı? Derleme konusunda derinlemesine bilgi sahibi oldunuz mu? Vite ve Next.js hangi araçlar üzerine inşa edilmiştir?

Vite ve Next.js, ön yüz oluşturmak için modern araçlardır, ancak farklı mimarilere ve amaçlara sahiptirler.

• Vite, hızlı geliştirme için esbuild üzerine kuruludur ve üretim derlemesi için Rollup kullanır. esbuild, Go dilinde yazılması ve modern tarayıcı API'lerini (ES modülleri) kullanması sayesinde çok hızlı dönüşüm ve paketleme sağlar.

• Next.js, Webpack'e (sürüm 13'e kadar) dayanır, ancak Next.js 13 ve Rust'ta yazılmış Vercel'in deneme amaçlı paketleyicisi Turbopack'in çıkışıyla daha hızlı araçlara geçiş yapmaya başlar. Next.js, sunucu tarafı render, yönlendirme ve API içeren bir çerçevedir ve derleme, fonksiyonunun sadece bir parçasıdır.

Derinleştikçe, Next.js'teki Webpack yapılandırmasını, Vite eklentilerini ve bunların modül yüklemesini nasıl optimize ettiğini, ayrıca esbuild ve Turbopack'in paralelizm ve yerel uygulamalar sayesinde derlemeyi nasıl hızlandırdığını inceleyebilirsiniz.