Astro, 2022'de çıkıp 2025'te kurumsal blog/marketing site standartlarından biri oldu. Pure HTML üretir, JS sadece interaktif componente — Lighthouse skorları diğer framework'lerin üstünde.
Islands Architecture
Sayfa varsayılan olarak %100 HTML/CSS — JS yok. Interactivity gereken küçük "island"lar (örn. ürün filtresi, login form) JS ile hidrasyona alınır. Sonuç: bundle %80-95 küçülür.
Multi-framework component
Aynı projede React, Vue, Svelte, Solid component'lerini karışık kullanabilirsiniz. Mevcut React kütüphanenizi Astro'da kullanın — sadece component import edin.
Hangi senaryoda Astro?
- Blog (içerik ağırlıklı)
- Marketing/landing page
- Dokümantasyon sitesi
- Portfolio
- Kurumsal vitrin
- Static-first e-ticaret (Snipcart, ShopWP entegre)
Hangi senaryoda Astro DEĞİL?
- SaaS dashboard (interactivity yüksek)
- Real-time app (chat, collaboration)
- Çok dinamik kullanıcı içeriği
- Authentication-heavy app
İçerik yönetimi
Content Collections API ile MDX/Markdown dosyalarını type-safe yönetim. Frontmatter ile metadata. Headless CMS entegrasyonu (Sanity, Strapi, Contentful) seamless.
Performans örneği
Aynı içeriği Next.js (Pages Router) ile yazınca initial bundle 250KB, Astro ile 5KB. LCP Next.js'te 1.8sn, Astro'da 0.7sn. Lighthouse Astro 100/100 sık görülür.
Deploy
- Netlify, Vercel, Cloudflare Pages — hepsi native destek
- GitHub Pages — ücretsiz static hosting
- Self-host Apache/Nginx — sadece HTML dosyaları
Astro vs Next.js — net karar
Statik içerik + minimal interactivity (blog, marketing site, dokümantasyon) → Astro. SaaS app + dynamic data + authentication-heavy → Next.js. Performance maksimum öncelik ise Astro her zaman kazanır.
Şunu yapmayın: SaaS dashboard'u Astro'da yapmak
Astro static-first felsefe. Dinamik dashboard, real-time veri, complex form state için zayıf. Next.js, Nuxt, Remix daha uygun.
NotAstro ile premium marketing site: +90 537 729 40 97 (WhatsApp). 3 haftada teslim, Lighthouse 95+ garanti.