Ada Mimarisi (Islands Architecture) Nedir?
İngilizce: Islands Architecture
Ada mimarisi, çoğu sayfayı statik HTML bırakıp yalnızca etkileşimli bileşenleri ayrı JavaScript adaları olarak çalıştırır.
Ada Mimarisi (Islands Architecture) Nedir?
Ada mimarisi, sayfanın büyük bölümünü hızlı yüklenen statik HTML olarak bırakır. Yalnızca ihtiyaç duyan bileşenler, örneğin arama kutusu, sepet özeti veya filtre paneli, tarayıcıda JavaScript ile etkileşimli hale gelir.
Bu yaklaşımda her etkileşimli parça ayrı bir “ada” gibi düşünülür. Sayfanın tamamını tek bir SPA haline getirmek yerine, statik içerik ile dinamik bileşenler net biçimde ayrılır.
Nasıl Çalışır?
Astro, ada mimarisini popülerleştiren framework’lerden biridir. Sayfa varsayılan olarak HTML üretir; geliştirici yalnızca belirli bileşenler için hydration kuralı tanımlar. Örneğin bir fiyat hesaplayıcı hemen, yorum alanı ise görünür olunca yüklenebilir.
Ada mimarisi SSG ile iyi çalışır çünkü içerik sayfaları önceden üretilebilir. Hydration yalnızca gerçekten etkileşim isteyen alanlarda yapılır.
İş Kullanımı
Kurumsal web siteleri, dokümantasyon, bloglar, ürün katalogları ve pazarlama sayfaları için ada mimarisi güçlü bir seçenektir. Kullanıcıya hızlı ilk yükleme sunarken, ihtiyaç duyulan araçlar ve formlar etkileşimli kalabilir.
Doğru tasarım için her bileşenin gerçekten JavaScript’e ihtiyaç duyup duymadığı sorgulanmalıdır.
İlgili Terimler
Astro, içerik ağırlıklı sitelerde HTML'i önceleyen, ihtiyaç oldukça JavaScript yükleyen hızlı bir web framework'üdür.
Hidrasyon (Hydration)Hidrasyon, sunucudan gelen HTML'e tarayıcıda JavaScript davranışı bağlayarak statik arayüzü etkileşimli hale getirir.
QwikQwik, uygulama durumunu HTML içinde sürdüren ve JavaScript'i ihtiyaç anında yükleyerek hızlı açılış hedefleyen web framework'üdür.
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.