Astro Nedir?
İngilizce: Astro
Astro, içerik ağırlıklı sitelerde HTML'i önceleyen, ihtiyaç oldukça JavaScript yükleyen hızlı bir web framework'üdür.
Astro Nedir?
Astro, blog, kurumsal site, dokümantasyon ve pazarlama sayfaları gibi içerik ağırlıklı projelerde hızlı HTML çıktısı üretmeye odaklanan bir web framework’üdür. Varsayılan yaklaşımı, tarayıcıya mümkün olduğunca az JavaScript göndermektir.
Nasıl Çalışır?
Astro sayfaları build sırasında statik HTML olarak üretebilir veya ihtiyaç varsa sunucuda render edebilir. “Islands architecture” yaklaşımıyla sayfanın çoğu statik kalırken yalnızca etkileşimli bileşenler tarayıcıda canlandırılır. React, Vue, Svelte veya Solid bileşenleri aynı projede kullanılabilir; Markdown ve MDX içerikleri de doğal şekilde işlenir.
Bu mimari özellikle içerik sayfalarında performans avantajı sağlar, çünkü tüm sayfa tek bir büyük JavaScript uygulaması olarak yüklenmek zorunda kalmaz.
İş Dünyasında Kullanımı
Astro, teknik sözlük, ürün dokümantasyonu, SaaS pazarlama sitesi, kampanya sayfaları ve çok dilli kurumsal sitelerde tercih edilebilir. Next.js daha yoğun uygulama etkileşimi ve tam yığın React deneyimi isteyen projelerde öne çıkarken, Astro içerik performansı ve sade yayın akışı gerektiren sitelerde güçlüdür.
Projede dinamik oturum, kullanıcı paneli veya kişiselleştirilmiş sayfa gerekiyorsa SSR desteği ve deployment adapter seçimi baştan planlanmalıdır.
İlgili Terimler
Ada mimarisi, çoğu sayfayı statik HTML bırakıp yalnızca etkileşimli bileşenleri ayrı JavaScript adaları olarak çalıştırır.
JamstackJamstack, JavaScript, API ve önceden oluşturulmuş Markup'a dayanan; hızlı, güvenli ve ölçeklenebilir web mimarisi yaklaşımıdır.
Next.jsNext.js, React uygulamalarına sunucu tarafı render, statik üretim, dosya tabanlı yönlendirme ve backend uçları ekleyen web çerçevesidir.
SSGSSG, sayfaları istek anında değil derleme sırasında HTML'e çevirerek hızlı, önbelleğe uygun ve sade web siteleri üretme yaklaşımıdır.
SSRSSR, sayfanın HTML'ini sunucuda her istek için üretip tarayıcıya hazır içerik göndererek ilk görüntüyü ve SEO'yu iyileştiren yaklaşımdır.
View Transition APIView Transition API, sayfa veya durum değişimlerinde eski ve yeni görünüm arasında tarayıcı destekli animasyon sağlar.