Cloudflare Pages vs Vercel vs Netlify: Hosting Karşılaştırması

Web sitenizi nerede barındıracağınız, performansınızı, maliyetlerinizi ve geliştirici deneyiminizi doğrudan etkiler. 2026'da üç platform öne çıkıyor: Cloudflare Pages, Vercel ve Netlify. Bu yazıda üçünü derinlemesine karşılaştırıyor, özellikle Türkiye perspektifinden değerlendiriyoruz.

Neden Bu Üçü?

Geleneksel hosting (VPS, shared hosting) ile modern JAMstack/edge hosting arasındaki fark dramatik. Modern platformlar:

• Otomatik CI/CD: Git push ile otomatik deploy
• Global CDN: Dünya genelinde dağıtılmış sunucular
• Otomatik SSL: Ücretsiz HTTPS, ek ayar gereksiz
• Preview deployments: Her PR için otomatik test ortamı
• Serverless functions: Backend mantığı için altyapı yönetimi gereksiz
• DDoS koruması: Yerleşik güvenlik

Türkiye'den erişim düşünüldüğünde, bu platformların İstanbul ve çevresindeki edge lokasyonları özellikle önemli.

Cloudflare Pages: Maliyet Şampiyonu

Cloudflare Pages, Cloudflare'in global ağı üzerine kurulu bir statik site ve full-stack hosting platformu.

Güçlü Yanları

Fiyatlandırma — Rakipsiz:

Doğru okudunuz: Sınırsız bandwidth, ücretsiz planda bile. Bu, diğer platformlardan radikal bir fark.

Global Edge Network:

Cloudflare'in 300+ lokasyonluk ağı, dünyanın en büyüğü. Türkiye'de İstanbul edge lokasyonu var. Bu, Türk kullanıcılar için:

• TTFB (Time to First Byte): 15-30ms (İstanbul'dan)
• Toplam yükleme süresi: 200-500ms

Workers Entegrasyonu:

Cloudflare Workers ile server-side logic'i edge'de çalıştırabilirsiniz. Next.js'in middleware'i, API route'ları ve Server Components'ı Workers üzerinde çalışır.

// Cloudflare Workers ile edge API
export async function onRequest(context) {
  const { request, env } = context;

  // D1 veritabanına doğrudan erişim
  const products = await env.DB.prepare(
    "SELECT * FROM products WHERE active = 1 ORDER BY created_at DESC LIMIT 20"
  ).all();

  return Response.json(products.results, {
    headers: {
      "Cache-Control": "public, max-age=60, s-maxage=300",
    },
  });
}

Ek hizmetler (aynı ekosistemde):

• Workers KV: Key-value store
• D1: SQLite tabanlı edge veritabanı
• R2: S3 uyumlu object storage (egress ücretsiz!)
• Durable Objects: Stateful edge computing
• Queues: Mesaj kuyruğu
• AI: Edge'de ML modelleri çalıştırma

Zayıf Yanları

• Build süresi: Free planda 500 build/ay sınırı (aktif geliştirmede yetersiz kalabilir)
• Next.js desteği: @cloudflare/next-on-pages adaptörü gerekli (Vercel'deki kadar sorunsuz değil)
• Preview ortamları: Vercel kadar gelişmiş değil
• Log ve analytics: Temel seviyede, Vercel kadar detaylı değil

Vercel: Geliştirici Deneyimi Lideri

Vercel, Next.js'in yaratıcısı tarafından geliştirildi. Doğal olarak Next.js ile en iyi entegrasyonu sunuyor.

Güçlü Yanları

Next.js Entegrasyonu — Birinci Sınıf:

Vercel, Next.js'in tüm özelliklerini (ISR, PPR, Server Actions, Middleware) sıfır konfigürasyonla destekler. Yeni bir Next.js özelliği çıktığında, Vercel'de ilk gün çalışır.

Geliştirici Deneyimi:

• Preview Deployments: Her PR'a otomatik benzersiz URL, yorum olarak GitHub'a eklenir
• Analytics: Web Vitals, gerçek kullanıcı metrikleri, yerleşik
• Speed Insights: Sayfa bazlı performans izleme
• Edge Config: Anında güncellenen konfigürasyon (feature flags, A/B test)
• Cron Jobs: Zamanlanmış görevler

Fiyatlandırma:

Türkiye Edge Lokasyonu:

Vercel'in İstanbul edge lokasyonu var. TTFB değerleri Cloudflare'e yakın.

Zayıf Yanları

• Bandwidth sınırı: Free planda 100 GB (viral bir içerik sınırı aşabilir)
• Maliyet artışı: Trafik arttıkça fiyat hızla yükselir
• Vendor lock-in algısı: Next.js'in bazı özellikleri Vercel'e optimize
• Serverless cold start: Edge function'lar dışında cold start süresi var

Maliyet Gerçeği

Vercel'in "aylık $20" fiyatı yanıltıcı olabilir. Gerçek maliyetler:

• 100K sayfa görüntüleme/ay: ~$0-20
• 500K sayfa görüntüleme/ay: ~$20-50
• 1M sayfa görüntüleme/ay: ~$50-150
• 5M sayfa görüntüleme/ay: ~$200-800

Bandwidth aşımı, serverless function çağrıları ve ek özellikler (Analytics, Speed Insights) faturayı hızla artırabilir.

Netlify: Denge Platformu

Netlify, JAMstack akımının öncülerinden. Hem statik siteler hem serverless fonksiyonlar için olgun bir platform.

Güçlü Yanları

Netlify Functions ve Edge Functions:

// Netlify Edge Function
export default async function handler(request: Request) {
  const geo = request.headers.get("x-nf-geo");
  const country = JSON.parse(geo || "{}").country?.code;

  if (country === "TR") {
    return new Response(JSON.stringify({ currency: "TRY", locale: "tr-TR" }), {
      headers: { "Content-Type": "application/json" },
    });
  }

  return new Response(JSON.stringify({ currency: "USD", locale: "en-US" }));
}

Form handling: Yerleşik form yönetimi, spam filtresi dahil. Basit iletişim formları için backend yazmaya gerek yok.

Split testing: Yerleşik A/B test altyapısı (branch-based).

Identity: Yerleşik authentication çözümü.

Fiyatlandırma:

Zayıf Yanları

• Next.js desteği: Vercel kadar güncel değil, bazı özelliklerde gecikme var
• Edge lokasyonları: Cloudflare kadar geniş değil
• Performans: Benchmark'larda Cloudflare ve Vercel'in gerisinde
• Türkiye lokasyonu: Edge node kapsamı Cloudflare kadar geniş değil

Kapsamlı Karşılaştırma

Türkiye'den Performans Testi

İstanbul'dan yapılan gerçek ölçümler (statik Next.js sitesi, aynı içerik):

Cloudflare'in İstanbul'daki güçlü varlığı, Türk kullanıcılar için belirgin performans avantajı sağlıyor.

Maliyet Senaryoları (Yıllık)

Senaryo 1: Küçük Kurumsal Site (50K sayfa görüntüleme/ay)

Bu ölçekte üçü de ücretsiz.

Senaryo 2: Orta Ölçekli Blog (500K sayfa görüntüleme/ay)

Fark burada belirginleşmeye başlıyor.

Senaryo 3: Yüksek Trafikli E-Ticaret (5M sayfa görüntüleme/ay)

Bu ölçekte Cloudflare'in maliyet avantajı çok belirgin.

Maviona'nın Tercihi: Cloudflare Pages

Maviona olarak müşteri projelerimizde Cloudflare Pages tercih ediyoruz. Nedenleri:

1. Sınırsız bandwidth: Müşteriye "trafiğiniz arttı, hosting faturanız da arttı" demek zorunda kalmıyoruz
2. İstanbul edge: Türk kullanıcılar için en hızlı deneyim
3. Ekosistem: Workers, D1, R2, KV — tüm backend ihtiyaçları tek platformda
4. Maliyet öngörülebilirliği: Trafik ne kadar artarsa artsın, maliyet kontrol altında
5. DDoS koruması: Cloudflare'in güvenlik altyapısı endüstri lideri

Ancak bu her proje için geçerli olmayabilir. Next.js'in en son özelliklerini (PPR, Server Actions) sorunsuz kullanmak istiyorsanız ve bütçe kısıtınız yoksa Vercel de mükemmel bir seçim.

Sonuç

2026'da hosting platformu seçimi, projenizin büyüklüğüne, bütçesine ve teknik gereksinimlerine bağlı. Küçük projeler için üçü de ücretsiz planlarla yeterli. Büyüdükçe Cloudflare Pages'in maliyet avantajı belirginleşiyor. Next.js geliştirici deneyimi öncelikliyse Vercel öne çıkıyor. Netlify ise form handling ve identity gibi yerleşik özellikleriyle belirli senaryolarda değerli.

Projeniz için en uygun hosting çözümünü belirlemek istiyorsanız, Maviona ile iletişime geçin.