Headless CMS, içerik yönetimi ile sunum katmanını ayıran modern bir mimari. Backend bir API; frontend ise Next.js, Astro, Nuxt gibi modern framework. Bir içerik kaydı, web sitesinde, mobil uygulamada ve dijital tabela ekranında aynı anda görülebilir.
Traditional vs Headless
- Traditional CMS
- Backend + frontend tek pakette (WordPress, Drupal). Tema sistemi sunum tarafını dikte eder.
- Headless CMS
- Backend sadece API. Frontend ne kullandığınız sizin tercihiniz (React, Vue, Astro, mobile native).
- Decoupled CMS
- WordPress + REST API gibi melez yapı. Backend hâlâ tema sunabilir ama frontend bağımsız da çalışabilir.
Headless'in 5 avantajı
- 01Performans — frontend statik veya edge'de render edilir; backend sadece veri kaynağı. Lighthouse 95+ standart.
- 02Esneklik — aynı içerik web + app + smart TV + Alexa skill'e gidebilir.
- 03Geliştirici özgürlüğü — frontend'de istediği framework'ü kullanır.
- 04Ölçeklenebilirlik — backend ve frontend ayrı ayrı ölçeklenir.
- 05Güvenlik — backend doğrudan kullanıcıya açık değil; saldırı yüzeyi daralır.
Headless'in 3 dezavantajı
- Geliştirici maliyeti yüksek — frontend ekip ayrıca gerekir.
- Preview / draft akışı kurmak ekstra iş.
- İçerik editörü bazen önizlemeyi kafa kalitesiyle göremeyebilir (tasarım frontend'de gizli).
Popüler headless CMS'ler
Strapi
Node.js tabanlı, açık kaynak. Self-hosted ücretsiz, cloud planı $99/ay başlangıç. Türkiye'de hızla yayılıyor. REST + GraphQL desteği.
Sanity
Norveçli, content team UX'i en iyilerinden. Studio (içerik editörü) açık kaynak; backend cloud. Free planı kurumsal projeler için yeterli olabiliyor.
Contentful
Kurumsal odaklı, Almanya'dan. Free planı çok sınırlı, gerçek planlar $300+/ay. Tesla, Cisco, Spotify referansları.
Payload CMS
Açık kaynak, self-hosted, Node.js/TypeScript. 2024'te v3 ile Next.js native integration ekledi. Dev ekosistem için modern bir tercih.
Directus
Mevcut veritabanı şemasını CMS'e dönüştürür. Halihazırda bir API'niz varsa entry point olarak ideal.
Hangi frontend ile birleşir?
- Next.js (React) — en popüler; SSR + ISR + edge functions
- Astro — yüksek performans, çoklu framework component
- Nuxt (Vue) — Next.js'in Vue versiyonu
- SvelteKit — yenilikçi, hızlı çalışan UI
- Remix (artık React Router) — full-stack web framework
Performans karşılaştırması — gerçek veri
WordPress + iyi optimizasyon: TTFB 400ms, LCP 2.2sn. Headless Strapi + Next.js + Vercel + Cloudflare: TTFB 80ms, LCP 0.9sn. Aynı içerik, %60–70 daha hızlı.
Ne zaman headless seçmemeli?
- Küçük blog, KOBİ vitrin — overkill, maliyet faydadan büyük.
- İçerik editörünüz teknik değil, preview alışkanlığı var — WordPress daha rahat eder.
- Hızlı kurulum gereken kampanya sitesi — Webflow veya WordPress hız avantajı verir.
- Bütçe çok dar — full headless 2 katı maliyet.
Ne zaman headless şart olur?
- Aynı içerik birden çok platforma yayınlanıyor.
- Geliştirici ekibiniz modern stack ile çalışmak istiyor.
- Performans SLA'larınız sıkı (LCP < 1.5sn).
- Çok büyük trafik (1M+ ay sayfa görüntülemesi).
- Tasarım sistemiyle entegre, custom UI gerekiyor.
NotHeadless CMS kurulumunda yol haritasıyla yardım: +90 537 729 40 97 (WhatsApp). Strapi/Sanity + Next.js stack'iyle 6 haftada premium teslim yapıyoruz.