Neden Kişisel Blogum İçin Astro'yu Seçtim?

Performans, SEO ve sıfır JavaScript yükünün birleşimi: Astro framework'ünün kişisel marka siteleri için neden en iyi tercih olduğunu inceliyoruz.

Neden Kişisel Blogum İçin Astro'yu Seçtim?

Bir yazılımcı veya teknoloji profesyoneli olarak kişisel bir web sitesi açmaya karar verdiğinizde ilk yapmanız gereken şey teknik altyapıyı seçmektir. WordPress, Next.js, Gatsby veya düz HTML/CSS… Seçenek çok fazla.

Ben bu web sitesi (omersever.online) için Astro framework’ünü tercih ettim. Bu yazıda, bu tercihin arkasındaki nedenleri ve Astro’nun modern web geliştirme dünyasındaki yerini paylaşacağım.

1. Mükemmel Performans (Sıfır JS Politikası)

Geleneksel React framework’leri (örneğin standart bir Next.js veya Create React App projesi), kullanıcıya boş bir sayfa gönderip ardından sayfayı oluşturmak için büyük boyutlu JavaScript paketleri yükler (Client-Side Rendering).

Astro ise “Static-First” yaklaşımını benimser. Sitenizi derleme (build) aşamasında tamamen HTML ve CSS olarak oluşturur. Ziyaretçileriniz sitenize girdiğinde tarayıcılarına gereksiz hiçbir JavaScript kodu yüklenmez. Bu da sayfa yüklenme sürelerini milisaniyeler seviyesine indirir.

Kural: En hızlı kod, hiç çalıştırılmayan koddur.

2. Astro “Islands” (Ada Mimarisi)

Peki sitenizde dinamik, etkileşimli bir bileşene (örneğin bir AI sohbet robotu veya arama çubuğu) ihtiyacınız olursa ne olacak?

Astro burada “Component Islands” (Bileşen Adaları) mimarisini kullanır. Sayfanın büyük bir kısmı statik HTML olarak kalırken, sadece etkileşimli olan küçük kısımları (adaları) dinamik hale getirebilirsiniz. Bu adalarda React, Vue, Svelte veya düz JavaScript kullanabilirsiniz.

<!-- Statik Başlık -->
<Header />

<!-- Statik İçerik -->
<article>...</article>

<!-- Dinamik ve JavaScript içeren AI Chatbot (Sadece bu kısım JS yükler!) -->
<AIChatbot client:visible />

3. Harika Geliştirici Deneyimi ve SEO

Astro, Markdown ve MDX dosyalarını doğrudan içerik olarak okuyup sayfalara dönüştürebilir. Bu sayede makale yazmak son derece kolay hale gelir. Ayrıca dahili sitemap desteği, otomatik görsel optimizasyonu ve SEO dostu yapısıyla arama motorlarında üst sıralara çıkmak çok daha kolaydır.

Eğer siz de kişisel markanızı güçlendirmek, projelerinizi sergilemek ve blog yazmak istiyorsanız, Astro’ya mutlaka göz atmanızı öneririm.