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

Hosting seçimi; performans, operasyon sorumluluğu, deployment uyumu ve toplam maliyeti etkiler. Bu yazı Cloudflare Pages/Workers, Vercel ve Netlify'yi 14 Temmuz 2026 itibarıyla karşılaştırır. Fiyat ve kota değerleri sık değiştiği için sabit fatura tahmini vermek yerine, resmî billing sayfaları ve tekrarlanabilir bir maliyet modeli kullanır.

Neden Bu Üçü?

Bu yönetilen platformların ortak olarak sunabildiği başlıca yetenekler şunlardır; kapsam plan ve framework'e göre değişir:

• Otomatik CI/CD: Git push ile otomatik deploy
• Global CDN: Dünya genelinde dağıtılmış sunucular
• Yönetilen TLS: Custom domain için sertifika sağlama ve yenileme
• Preview deployments: Her PR için otomatik test ortamı
• Serverless functions: Bazı backend işleri için yönetilen runtime; limit ve maliyetleri ayrıdır
• Güvenlik kontrolleri: Platforma ve plana bağlı DDoS azaltma, firewall ve rate-limit seçenekleri

Türkiye'deki kullanıcı deneyimi yalnızca haritadaki en yakın edge noktasına bağlı değildir. DNS ve anycast rotası, cache hit oranı, origin/compute bölgesi, veri kaynağı ve yerel operatör rotası birlikte ölçülmelidir.

Cloudflare Pages ve Workers

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

Güçlü Yanları

Fiyatlandırma modeli:

Cloudflare Pages fiyatlandırma dokümanına göre Function çağırmayan statik asset istekleri ücretsiz ve sınırsızdır. Pages Functions ise Workers kotasına ve Workers fiyatlandırmasına tabidir. Bu nedenle "Cloudflare'da trafik her durumda ücretsizdir" sonucu yanlıştır; SSR, API, KV, D1, R2, image transformation ve log kullanımı ayrı maliyet veya limit oluşturabilir.

Global Edge Network:

Pages ve Workers, Cloudflare'in dağıtık ağında çalışır. Belirli bir şehirden sabit TTFB veya toplam yükleme süresi vaat edilemez; cache miss durumunda origin ve veri kaynağı gecikmesi sonuca eklenir.

Workers Entegrasyonu:

Cloudflare Workers ile server-side kod çalıştırabilirsiniz. Güncel Next.js deployment yolu, eski @cloudflare/next-on-pages adaptörü değil Workers üzerinde OpenNext adaptörüdür. Desteklenen Next.js özellikleri ve bilinen kısıtlar deployment öncesi adaptör matrisiyle kontrol edilmelidir.

// Cloudflare Pages Function - herkese açık ürün listesi örneği
interface Env {
  DB: D1Database;
}

export const onRequest: PagesFunction<Env> = async ({ env }) => {
  // 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: {
      // Hipotetik güncellik politikası; kişisel yanıtlarda kullanılmamalı.
      "Cache-Control": "public, max-age=60, s-maxage=300",
    },
  });
};

Cache süreleri ürün güncellik gereksiniminden türetilmelidir. Yetkili, fiyatı kullanıcıya göre değişen veya kişisel veri içeren yanıtlar bu public cache örneğine dahil değildir.

Ek hizmetler (aynı ekosistemde):

• Workers KV: Key-value store
• D1: SQLite tabanlı edge veritabanı
• R2: S3 uyumlu object storage; depolama ve operasyon fiyatları ayrıdır
• Durable Objects: Stateful edge computing
• Queues: Mesaj kuyruğu
• Workers AI: Desteklenen modeller için ayrı kullanım ve fiyatlandırma

Zayıf Yanları

• Build ve dosya limitleri: Pages limitleri plana göre değişir; güncel değerleri resmî limit sayfasından kontrol edin
• Next.js adaptörü: OpenNext uyumluluk katmanı ve Workers runtime kısıtları test edilmelidir
• Gözlemlenebilirlik: Log saklama, sorgu ve analytics kapsamı kullanılan Cloudflare ürününe ve plana bağlıdır
• Ürün ayrımı: Statik Pages, Pages Functions ve Workers Static Assets aynı billing davranışına indirgenmemelidir

Vercel: Next.js ile Birinci Taraf Entegrasyon

Vercel, Next.js'i geliştiren şirketin yönetilen deployment platformudur. Bu ilişki Next.js özellikleri için birinci taraf entegrasyon sağlar; tek başına daha iyi performans veya daha düşük maliyet kanıtı değildir.

Güçlü Yanları

Next.js entegrasyonu:

Vercel, Next.js'in caching, Functions, image optimization ve preview deployment davranışlarını kendi platform ürünleriyle entegre eder. Deneysel veya yeni bir özellik için otomatik ve kusursuz "ilk gün" desteği varsaymak yerine ilgili Next.js ve Vercel sürüm notları kontrol edilmelidir.

Proje ve gözlemlenebilirlik akışı:

Git entegrasyonu preview deployment üretebilir. Analytics, Speed Insights, zamanlanmış görev ve configuration ürünlerinin dahil kullanımı, veri saklama kapsamı ve fiyatı plana göre değişebilir; bunlar temel hosting ücretine otomatik olarak dahil varsayılmamalıdır.

Fiyatlandırma:

Vercel fiyatlandırma dokümanı, managed infrastructure kullanımını veri transferi, edge request, compute, image optimization ve ek ürünler gibi ayrı metriklerle açıklar. Plan taban fiyatı toplam faturayı tek başına belirlemez. Güncel dahil kullanım ve aşım oranları için resmî fiyat sayfasını ve dashboard'daki Usage ekranını kullanın.

Zayıf Yanları

• Çok boyutlu billing: Request, transfer, compute ve ek ürünler ayrı izlenmelidir
• Platform bağımlılığı: Vercel'e özgü observability, storage veya config ürünleri taşıma maliyeti yaratabilir
• Compute davranışı: Başlangıç gecikmesi ve bölge etkisi runtime, paket boyutu ve trafik modeline göre ölçülmelidir
• Hobby kapsamı: Kişisel/non-commercial kullanım koşulları profesyonel projeye uygun olmayabilir

Sayfa görüntüleme sayısından tek başına Vercel faturası hesaplanamaz. Aynı pageview sayısı; asset boyutu, cache hit oranı, Function süresi, image transformation ve analytics olay sayısına göre farklı maliyet üretebilir.

Netlify: Yönetilen Web Platformu

Netlify; statik teslimat, Functions, Edge Functions ve deploy preview akışlarını yönetilen bir platformda birleştirir. Her özelliğin runtime, bölge, kota ve plan kapsamı ayrı doğrulanmalıdır.

Güçlü Yanları

Netlify Functions ve Edge Functions:

// Netlify Edge Function
import type { Context } from "@netlify/edge-functions";

export default async function handler(
  _request: Request,
  context: Context
) {
  const country = context.geo?.country?.code;

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

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

Form handling: Netlify Forms dokümanında açıklanan markup ve deploy koşulları sağlandığında form submission'ları platform üzerinden toplanabilir. Spam, veri saklama, KVKK/GDPR ve bildirim gereksinimleri ayrıca yapılandırılmalıdır.

Next.js desteği: Netlify'nin güncel Next.js dokümanı, modern Next.js özelliklerinin açık kaynak OpenNext adaptörüyle otomatik yapılandırıldığını belirtir. Deneysel özelliklerde destek notları yine kontrol edilmelidir.

Fiyatlandırma:

4 Eylül 2025'ten sonra açılan Netlify hesapları kredi tabanlı modele geçti; eski hesaplar legacy planda kalabilir. Netlify billing dokümanı ve güncel fiyat sayfası production deploy, bandwidth, web request ve compute kullanımını krediyle açıklar. Bu nedenle eski build-minute ve bandwidth tabloları yeni hesaplar için geçerli değildir.

Zayıf Yanları

• Kredi hesabı: Farklı kaynaklar aynı kredi bakiyesini tüketebilir; trafik tahmini kredi dönüşümüyle yapılmalıdır
• Legacy ve yeni plan ayrımı: Ekip oluşturma tarihine göre billing davranışı farklı olabilir
• Adaptör katmanı: Next.js davranışı Netlify OpenNext adaptörü ve platform primitive'lerine bağlıdır
• Performansın ölçülmesi: Kaynaksız platform sıralaması yerine aynı uygulamayla Türkiye'den field ve lab verisi toplanmalıdır

Kapsamlı Karşılaştırma

Tablo, planların tüm özelliklerini temsil etmez. Satın alma kararında güvenlik, destek, SLA, log saklama, ekip yetkileri ve vergi/kur etkisi de resmî tekliften kontrol edilmelidir.

Türkiye'den Hipotetik Performans Testi

Bu bir Maviona müşteri ölçümü veya gerçek sonuç tablosu değil, üç platformu karşılaştırmak için test protokolüdür:

1. Aynı Git commit'ini, framework sürümünü, asset'leri ve environment variable'ları kullanın.
2. Statik route, cache'lenmiş dinamik route ve cache miss dinamik route'u ayrı test edin.
3. İstanbul'da en az iki farklı sabit/mobil ağ ve aynı cihaz profili kullanın.
4. DNS, TLS, TTFB, LCP, INP ve hata oranını birden fazla tekrar ve medyan/75. yüzdelikle raporlayın.
5. Response header'larıyla cache hit/miss ve gerçek compute bölgesini kaydedin.
6. En az bir haftalık field data ile sentetik testi karşılaştırın.

Hipotetik Maliyet Modeli

Pageview sayısını doğrudan faturaya çevirmek yerine aylık workload'u şu girdilerle tanımlayın:

Bu girdileri aynı tarihli resmî fiyat sayfalarındaki birimlerle çarpın; kur, vergi ve tahmin belirsizliği payı ekleyin. Trafiğin en azından düşük, beklenen ve ani artış senaryolarını modelleyin.

Maviona'nın Değerlendirme Yaklaşımı

Cloudflare, statik teslimat ve Workers ekosistemi gereken projelerde Maviona'nın değerlendirdiği seçeneklerden biridir. Kararı platform adıyla değil şu kontrollerle veririz:

1. Rendering profili: Trafiğin ne kadarı statik, cache'lenmiş veya dinamik?
2. Türkiye ölçümü: Gerçek ağlarda cache hit/miss gecikmesi nedir?
3. Uyumluluk: Kullanılan Next.js özellikleri hedef adaptörde destekleniyor mu?
4. Toplam maliyet: Compute, veri, log, build ve ekip maliyeti birlikte ne kadar?
5. Operasyon: Gözlemlenebilirlik, rollback, destek ve olay müdahalesi ihtiyacı karşılanıyor mu?

Next.js ile birinci taraf platform entegrasyonu ve Vercel'e özgü araçlar öncelikliyse Vercel; Netlify'nin deploy akışı, Forms veya kredi modeli ihtiyaca uyuyorsa Netlify daha uygun olabilir. Bu sonuçlar prototip ve maliyet hesabıyla doğrulanmalıdır.

Sonuç

Hosting platformu seçimi, projenin rendering ve trafik profilinden ayrı yapılamaz. Ücretsiz planın varlığı production workload'un ücretsiz kalacağı anlamına gelmez. Aynı uygulamayı deploy edip Türkiye'den ölçün, aylık kaynakları resmî hesaplayıcılarla modelleyin ve adapter kısıtlarını release öncesi test edin.

Kaynaklar ve Yöntem

Platform bilgileri yukarıda bağlanan Cloudflare, Vercel ve Netlify dokümanlarından 14 Temmuz 2026'da kontrol edildi. Fiyatlar değişebileceği için bu yazı sabit toplam veya yıllık tasarruf vaat etmez. Hipotetik performans ve maliyet modelleri gerçek Maviona müşteri sonucu değildir. Kaynaklar Maviona'yı değerlendirmez veya onaylamaz.

Projenizin hosting seçeneklerini ölçülebilir gereksinimlerle değerlendirmek için Maviona ile iletişime geçin.