Astro Nedir?
Astro; kurumsal siteler, bloglar ve pazarlama sayfaları gibi içerik odaklı siteler için geliştirilmiş açık kaynak bir web framework'üdür. Çıkış noktası basittir: sayfa ziyaretçiye, ihtiyaç duymadığı JavaScript olmadan, hazır HTML ve CSS olarak ulaşmalıdır. Astro 2022'de 1.0 sürümüne ulaştı ve hızlı ön yüz derleme aracı Vite üzerine kuruludur.
Etkileşimli parçalara “ada” denir. Geri kalanı statik olan bir sayfada galeri, hesaplayıcı ya da form, React veya Vue ile yazılmış bir bileşen olur ve yalnızca o bileşen, örneğin ekrana girdiğinde, kendi JavaScript'ini yükler. İçerik koleksiyonları Markdown içeriği düzenli tutar ve bir şemaya göre denetler; görsel bileşeni resimleri boyutlandırıp modern biçimlere dönüştürür; yerleşik yönlendirme birden fazla dili yönetir.
Astro, MIT lisansıyla ücretsiz ve açık kaynaktır. Ocak 2026'da Astro'nun arkasındaki ekip Cloudflare'e katıldı; Astro açık kaynak ve platformdan bağımsız kalmaya devam ediyor, yani onunla kurulan bir site Cloudflare'de de başka bir yerde de barındırılabilir. Sayfalar önceden statik dosyalar olarak üretilebilir ya da güncel veri gerektiğinde sunucuda oluşturulabilir.
Astro'yu Nerede Kullanıyoruz?
İçerik bir sitenin merkezindeyse Astro'ya başvuruyoruz. Müşteri projelerinde onu özellikle şu işlerde kullanıyoruz:
Kurumsal ve Marka Siteleri
Hizmet, hakkımızda ve iletişim sayfaları her bağlantıda hızla açılan hafif HTML olarak sunulur. Türkçe, İngilizce ve Arapça sürümlerin her biri yerleşik yönlendirmeyle kendi adresine kavuşur.
Bloglar ve İçerik Merkezleri
Makaleler, rehberler ve haberler başlık, tarih ve yazar gibi sabit alanları olan içerik koleksiyonlarında durur. Eksik bir alan yayından önce, derleme sırasında yakalanır; her sayfa eksiksiz yayımlanır.
Reklamlar için Açılış Sayfaları
Google Ads, Meta Ads ya da TikTok Ads'ten gelen ziyaretçi sayfanın hemen açılmasını bekler. Astro sayfaları küçüktür; ölçüm betikleri yalnızca ziyaretçinin çerez onayı çerçevesinde yüklenir.
Etkileşim Adaları
Bir sayfa fiyat hesaplayıcı, filtrelenebilir liste ya da harita gibi bir etkileşime ihtiyaç duyduğunda, yalnızca oraya bir React ya da Vue bileşeni ekliyoruz; sayfanın geri kalanı statik kalır.
Neden Astro?
Varsayılan Olarak Hafif Sayfalar
Astro, bir bileşen gerçekten ihtiyaç duymadıkça JavaScript göndermediği için sayfalar küçük ve hızlı kalır; bu, özellikle telefonlarda ve yavaş bağlantılarda fark yaratır.
Aramaya Uygun Yapı
İçerik, arama motorlarının kolayca okuduğu temiz HTML olarak gelir. Başlıklar, açıklamalar, dil bağlantıları ve site haritası geliştirme sırasında sayfa sayfa kurulur.
Esnek ve Taşınabilir
Faydalı olduğu yerlerde React ya da Vue bileşenleri kullanabiliyoruz; bitmiş site statik bir barındırmada da bir sunucuda da çalışabilir. Siteniz tek bir sağlayıcıya bağlı kalmaz.
Projenizde Nasıl İlerliyoruz?
Site haritası ve içerik modeliyle başlıyoruz: her dilde hangi sayfaların olacağına, bir makalenin ya da hizmet sayfasının hangi alanlara ihtiyaç duyduğuna karar veriyoruz. Ardından sayfaları Figma'daki tasarımdan Astro bileşenleri olarak kuruyor, etkileşim adalarını yalnızca gerçekten gereken yerlere ekliyoruz.
Yayından önce her sayfanın ürettiği HTML'i inceliyor, Lighthouse ve PageSpeed Insights ile ölçüyor; dil bağlantılarını, site haritasını ve sağdan sola Arapça sayfaları kontrol ediyoruz. Site Cloudflare arkasında yayına çıkıyor ve teslimde ekibinize içerik eklemeyi ve güncellemeyi gösteriyoruz.
