Storefront API ve Hydrogen ile kendi ön yüzünüzü kurar, Checkout Extensibility ile ödeme adımını Shopify'ın güvenli altyapısında özelleştiririz.
Headless commerce nedir?
Headless commerce, mağazanın ön yüzünü (vitrin) arka uçtan (ürün, stok, sipariş, ödeme) ayırma yaklaşımıdır. Shopify'da bu, vitrinin Hydrogen veya Next.js gibi bir çatıyla ayrı geliştirilip Storefront API üzerinden Shopify verisine bağlanması anlamına gelir. Ödeme, sipariş ve güvenlik tarafı Shopify'da kalır; siz yalnızca deneyimin görünen kısmını özgürce kurgularsınız.
Checkout tarafında ise artık checkout.liquid yerine Checkout Extensibility kullanılır: uygulama uzantılarıyla ödeme adımına ek alanlar, kampanya kuralları, kargo seçim mantığı ve yükseltme (upsell) blokları eklenebilir. Bu yapı Shopify güncellemelerinden etkilenmez ve PCI uyumluluğunu bozmaz.
Headless sizin için doğru mu?
Uygun olduğu durumlar
✓Kampanya ve içerik odaklı, çok özel bir vitrin deneyimi hedefliyorsanız
✓Çok pazarlı / çok dilli yapıda tek ön yüz yönetmek istiyorsanız
✓Mobilde en yüksek hız skorlarını hedefliyorsanız
✓Vitrini kendi CMS veya PIM sisteminizden beslemek istiyorsanız
Gerek olmadığı durumlar
–Katalog ve kampanya yapınız standart bir tema ile karşılanıyorsa
–Ekipte sürekli bir geliştirme kaynağı ayıramıyorsanız
–Öncelik hızlı yayına çıkmak ve maliyeti düşük tutmaksa
Projeyi nasıl yürütüyoruz
01
Fizibilite ve karar
Mevcut tema ile headless'ın maliyet, hız ve operasyon farkını ölçer; gerçekten gerekli olup olmadığını birlikte kararlaştırırız.
02
Mimari tasarımı
Storefront API kullanımı, önbellekleme stratejisi, içerik kaynağı ve dağıtım (hosting) mimarisi belirlenir.
03
Vitrin geliştirme
Hydrogen veya Next.js ile ürün, koleksiyon, arama ve sepet akışları geliştirilir; tasarım sistemi kurulur.
04
Checkout uzantıları
Checkout Extensibility ile ödeme adımına özel alanlar, kargo kuralları, kampanya ve upsell blokları eklenir.