ERETEK
BİLGİ SİSTEMLERİ
Modern Web Uygulamaları ve Headless

Headless CMS ve API-First Web Mimarisi

İçeriğin web sitesi, mobil uygulama, portal ve diğer kanallara API üzerinden sunulduğu headless mimariler kuruyoruz. WordPress Headless, Strapi, Directus ve Sanity gibi seçenekleri içerik modeli, editör deneyimi, barındırma, güvenlik ve toplam maliyet açısından karşılaştırıyor, size dayatmadan doğru olanı seçiyoruz.

Headless WordPress
Strapi
Directus
Sanity
REST / GraphQL
İçerik modeli
Önizleme
Webhook revalidation
Hizmet tanımı

Headless CMS nedir, kimler için uygundur?

Headless CMS; içeriğin yönetildiği arka uç ile içeriğin gösterildiği ön yüzün birbirinden ayrıldığı yaklaşımdır. Editörler içerikleri yapılandırılmış alanlarla girer; ön yüz (ör. Next.js) veya mobil uygulama bu içeriği API ile çeker. Bu ayrım aynı içeriğin birden fazla kanalda kullanılmasını, ön yüzün bağımsız geliştirilmesini ve saldırı yüzeyinin küçülmesini sağlar.

Bu hizmete en çok ihtiyaç duyan kuruluşlar

Çözdüğümüz kurumsal problemler

İçerik kopyalanıyor

Aynı ürün açıklaması web sitesi, katalog ve uygulamada ayrı ayrı güncelleniyor.

Sayfa oluşturucu sınırları

Tasarım esnekliği arttıkça içerik yapısı bozuluyor, veri tekrar kullanılamıyor.

Önizleme yok

Headless’e geçen ekipler editörlerin yayın öncesi sayfayı göremediği bir yapıyla karşılaşıyor.

Doğru seçim

Headless her zaman gerekli değil

Tek web sitesi, küçük ekip ve sık sayfa tasarım değişikliği varsa klasik WordPress/Elementor daha verimlidir. Çok kanal, yapılandırılmış içerik, yüksek performans veya ayrık ön yüz ekibi varsa headless anlamlı hale gelir. Karşılaştırma için Headless CMS nedir rehberimize bakabilirsiniz.

Headless CMS kapsamında neler yapıyoruz?

İçerik modelleme

İçerik türleri, alanlar, ilişkiler, yeniden kullanılabilir bloklar ve lokalizasyon.

CMS seçimi ve kurulumu

Seçilen CMS’in kurulumu, rol ve izinler, medya yönetimi.

API ve güvenlik

REST/GraphQL uç noktaları, okuma tokenları, CORS, hız sınırlama.

Önizleme ve yayın

Taslak önizleme, planlı yayın, webhook ile ön yüz yeniden üretimi.

Ön yüz entegrasyonu

Next.js veya diğer istemcilerle veri çekme ve önbellek stratejisi.

Taşıma

Mevcut CMS içeriğinin yapılandırılmış modele aktarılması.

CMS’i editör deneyimiyle seçiyoruz

Teknik ekipler API kalitesine, editörler ise kullanım kolaylığına bakar; ikisi de önemlidir. Kısa bir kavram doğrulamasıyla seçilen CMS’i gerçek içerik örnekleriyle editörlerinize denetiyoruz. Ön yüz React/Next.js ile geliştirilir; mevcut siteden geçişte migrasyon planı uygulanır.

Headless CMS seçenekleri

CMS
Güçlü yanı
Dikkat edilecek nokta
Headless WordPress
Güçlü yanı

Tanıdık editör, geniş eklenti ekosistemi, REST/WPGraphQL

Dikkat edilecek nokta

Eklenti ve güvenlik bakımı sürer; önizleme kurgusu gerekir

Strapi
Güçlü yanı

Açık kaynak, Node.js, esnek içerik türleri, kendi sunucunuzda

Dikkat edilecek nokta

Sürüm yükseltmeleri ve barındırma sizin sorumluluğunuzda

Directus
Güçlü yanı

Mevcut SQL veritabanının üzerine yönetim paneli ve API

Dikkat edilecek nokta

Veri modeli tasarımı veritabanı düzeyinde düşünülmeli

Sanity
Güçlü yanı

Gerçek zamanlı ortak düzenleme, güçlü içerik sorgu dili, yönetilen hizmet

Dikkat edilecek nokta

Kullanım bazlı ücretlendirme ve veri konumu değerlendirilmeli

Sizden beklediğimiz girdiler

Çalışmanın hızlı ve doğru ilerlemesi için başlangıçta aşağıdaki bilgi ve erişimlere ihtiyaç duyarız. Eksik olanları birlikte tamamlarız.

Somut proje çıktıları

CMS karşılaştırma ve karar kaydı
İçerik modeli
CMS kurulumu ve rol yapısı
API ve önizleme altyapısı
Ön yüz entegrasyonu
İçerik taşıma

Teslim edilen dokümantasyon

İçerik modeli dokümanı
Editör kılavuzu
API dokümantasyonu

Canlıya geçişten sonra işletilecek kontroller

Proje bittiğinde sistemin sağlıklı kalması için aşağıdaki kontroller sahiplerine devredilir; istenirse bakım sözleşmesiyle Eretek tarafından yürütülür.

Sık sorulan sorular

Elementor ön yüzü WordPress’in kendi temasıyla render ettiği için headless yapıda kullanılmaz; içerik yapılandırılmış alanlarla yönetilir.

Önceden tanımlı bloklarla sayfa kurabilirler; serbest tasarım yerine kontrollü esneklik sağlanır.

Barındırma, lisans/kullanım ücreti ve geliştirme maliyeti birlikte hesaplanmalıdır; teklifte toplam maliyet karşılaştırması sunarız.

Hizmet özeti
Headless CMS ve API-First Web Mimarisi

İçeriğin web, mobil ve diğer kanallara API üzerinden sunulduğu esnek mimariler.

Çalışma modeli

Mimari danışmanlık + geliştirme projesi

Önemli not

Headless mimari ek geliştirme ve işletim maliyeti getirir; tek kanallı, içerik ağırlıklı sitelerde klasik CMS daha ekonomik olabilir.

Proje aşamaları

Nasıl ilerliyoruz?

01 / AŞAMA

Keşif

Kanallar ve içerik envanteri.

02 / AŞAMA

Modelleme

İçerik modeli ve CMS seçimi.

03 / AŞAMA

Kurulum

CMS, API, önizleme.

04 / AŞAMA

Entegrasyon

Ön yüz ve taşıma.

05 / AŞAMA

Yayın

Eğitim ve devir.

İçeriğinizi bir kez yönetin, her kanalda yayınlayın.

İçerik türlerinizi, yayın kanallarınızı ve editör ekibinizi dinliyor; CMS seçimi ve mimariyi gerekçeli öneriyoruz.