Kurumsal site için Astro mu, Next.js mi?

Bu sitenin kendisi Astro ile kurulu. Bu bir tercih beyanı değil, bir kısıt sonucu — ve o kısıtı açıklamak, kararın kendisinden daha faydalı.

Soru “hangisi daha iyi” değil

Next.js olgun, güçlü ve geniş ekosistemli bir framework. Astro daha genç ve daha dar kapsamlı. Ama karşılaştırma soyut yapıldığında hiçbir işe yaramaz. Doğru soru şu:

Bu sayfada gerçekten çalışması gereken JavaScript ne kadar?

Bir kurumsal sitede — anasayfa, hizmet sayfaları, blog, iletişim — cevap genellikle “neredeyse hiç”tir. Menü açılıp kapanır, birkaç animasyon vardır, bir form gönderilir. Geri kalan her şey metindir.

Astro’nun yaptığı şey

Astro sayfaları derleme anında HTML’e çevirir ve varsayılan olarak sıfır JavaScript gönderir. Bir bileşenin tarayıcıda çalışmasını istiyorsanız bunu açıkça belirtmeniz gerekir (client:load, client:visible). Yani JavaScript, unutulduğu için değil, istendiği için sayfaya girer.

Next.js’in App Router’ı ile sunucu bileşenleri kullandığınızda benzer bir sonuca yaklaşabilirsiniz, ancak React çalışma zamanı ve hidrasyon altyapısı yine de paket boyutuna yazılır. Tipik bir kurumsal sitede aradaki fark 60–120 KB sıkıştırılmış JavaScript civarındadır.

Bu fark üç yerde görünür:

1. INP (etkileşim gecikmesi) — ana iş parçacığı boş olduğu için tıklamalar anında yanıtlanır.
2. Mobil düşük donanım — Türkiye’de organik trafiğin büyük kısmı mobil; JavaScript ayrıştırma maliyeti orada gerçekten hissedilir.
3. Yayın maliyeti — statik dosyalar CDN’den servis edilir, sunucu çalışmaz.

Somut ölçüm

Aynı kurumsal siteyi iki kez kurup ölçtüğümüzde (4G, orta seviye Android, üç kez ortalama):

Ölçüt	Astro (statik)	Next.js (App Router, SSG)
Gönderilen JS (gzip)	~9 KB	~86 KB
LCP	1.1 s	1.6 s
INP	42 ms	118 ms
Toplam istek	14	27

Rakamlar projeye ve içeriğe göre değişir; buradaki mesele mutlak değerler değil, büyüklük sırası. Next.js’i kötü göstermek için değil, aradaki farkın gürültü seviyesinde olmadığını göstermek için paylaşıyoruz.

SEO’ya etkisi

Doğrudan bir “Astro sıralamayı yükseltir” iddiası yanlış olur. Google sıralamayı içerik ve otoriteyle belirler. Ama iki dolaylı etki gerçektir:

Tarama verimliliği. Googlebot HTML’i alır ve içeriği hemen görür; JavaScript çalıştırma kuyruğunu beklemez. Çok sayfalı bir sitede bu, yeni sayfaların indekslenme hızını etkiler.

Core Web Vitals. Sayfa deneyimi sinyalleri sıralamanın belirleyici faktörü değil, ama eşit içerik kalitesinde ayrıştırıcı olabiliyor. Daha önemlisi: yavaş sayfa dönüşüm oranını doğrudan düşürür, ve bu SEO’dan bağımsız olarak paranızı etkiler.

Astro’nun sınırları

Astro her yerde doğru cevap değil. Şu durumlarda Next.js’e geçiyoruz:

• Kimlik doğrulama gerektiren alanlar. Kullanıcıya özel panel, abonelik yönetimi, oturum durumu.
• Sık değişen dinamik veri. Stok durumu, fiyat, canlı gösterge panelleri.
• Karmaşık istemci durumu. Çok adımlı yapılandırıcılar, sürükle-bırak arayüzler, gerçek zamanlı işbirliği.
• Mevcut geniş React kod tabanı. Yeniden yazmanın maliyeti kazancı aşıyorsa.

Bir e-ticaret projesinde tipik dağılım şu oluyor: pazarlama sayfaları ve blog Astro, ürün ve ödeme akışı Next.js. İki uygulama aynı alan adı altında, farklı yollarda yayınlanır.

Blog altyapısı

Kurumsal sitelerin çoğunda blog, SEO’nun asıl motorudur ve burada Astro’nun içerik koleksiyonları belirgin biçimde rahattır:

// src/content.config.ts
const blog = defineCollection({
  loader: glob({ pattern: '**/*.md', base: './src/content/blog' }),
  schema: z.object({
    title: z.string(),
    publishedAt: z.coerce.date(),
    tags: z.array(z.string()).default([]),
  }),
});

Şema derleme anında doğrulanır: bir yazının publishedAt alanını unutursanız site derlenmez. Bozuk içerik üretime çıkmaz. Bu, WordPress’ten gelen ekipler için alışılmadık ama kısa sürede vazgeçilmez olan bir güvenlik ağıdır.

Maliyet tarafı

Statik çıktı Cloudflare Pages üzerinde barındırıldığında aylık altyapı maliyeti pratikte sıfırdır: sunucu yok, ölçekleme yok, bant genişliği ölçülmüyor. Next.js’i sunucu tarafı özellikleriyle çalıştırdığınızda bir çalışma zamanı ödemeniz gerekir.

Kurumsal bir site için bu farkın yıllık karşılığı küçük görünebilir; ama asıl kazanç faturada değil, bakım yükünde. Çalışan bir sunucu, izlenmesi ve güncellenmesi gereken bir sunucudur.

Karar kuralımız

Tek cümleyle: Sayfanın işi anlatmaksa Astro, sayfanın işi bir uygulama çalıştırmaksa Next.js.

Bir sitede ikisi de varsa, ikisini de kullanırız. Önemli olan tek framework’e sadakat değil, her sayfanın kendi işine uygun araçla kurulması.

Sitenizin hangi tarafa düştüğünden emin değilseniz kısa bir görüşmede birlikte bakalım — mevcut sitenizin ölçümlerini çıkarıp gerekçeli bir öneri veriyoruz.