Next.js + headless commerce mimarisiyle hızlı, SEO'lu bir e-ticaret vitrini: ürün kataloğu, sepet, Iyzico/PayTR ödeme ve arama. Build prompt hazır.
Kimler için: Markalar, ajanslar ve Shopify'dan headless'a geçen ekipler
Headless e-ticarette vitrin ve arka uç ayrılır: katalog, stok ve sipariş bir API'den gelir; vitrin Next.js ile saniyeler değil milisaniyeler içinde açılır. Türkiye'de Iyzico, PayTR ve e-fatura entegrasyonu işin kritik parçasıdır.
Prompt, ürün-varyant modelini, sepet/ödeme durum makinesini, arama (Algolia/Typesense) ve SEO gereksinimlerini (yapılandırılmış veri, sitemap, Core Web Vitals) tek metinde birleştirir.
Her uzman kendi görev bloğunu, kısıtlarını ve başarı kriterlerini prompt'a ekler. Headless E-Ticaret için varsayılan seçim:
Sistem mimarisini tasarla. Edge-first, 100ms p95. DB schema, API contract, caching stratejisi, multi-tenancy, RLS, idempotency. Seçilen backend + DB kombinasyonunun neden doğru olduğunu ve scaling planını yaz.
AEO + SEO: Programmatic SEO sayfaları, schema.org, Perplexity / ChatGPT Search için optimize, internal linking, waitlist -> launch playbook.
Design system oluştur: Tailwind tokens, shadcn/ui, dark mode only, Linear benzeri density, command palette, keyboard-first. 3 kritik flow için wireframe tarif et.
Deploy ve operasyon planı: CI/CD pipeline (preview + production), IaC, secrets yönetimi, observability (logs, traces, alerts), SLO/SLA tanımı, incident runbook, maliyet tahmini ve ölçekleme eşikleri.
Studio'nun 2. adımında hazır gelir; 7 katmandan istediğini değiştir.
Her özellik prompt'ta "Spec + API + UI + Test" satırı olarak yer alır.
Örnek fikir: "Türkiye için hızlı, SEO odaklı headless moda vitrini". Aşağıda master prompt'un başlığı ve ilk uzmanın bloğu var; Studio tam metni 4 uzman × 8 adım olarak üretir.
# Headless E-Ticaret - MASTER BUILD PROMPT Stack: Next.js 16 (App Router), Go Fiber Hedef: Türkiye için hızlı, SEO odaklı headless moda vitrini Bu prompt 8 adımda full-stack Headless E-Commerce üretir. Her adım bir öncekinin çıktısını kullanır. 4 uzmanın bilgisi harmanlandı. Adımlar: 1. PRD & User Stories 2. Design System (Figma tokens) 3. DB Schema & API Contract 4. Auth & Billing Implementation 5. Core Features Build 6. AI Integration (RAG + Agents) 7. SEO/AEO & Analytics 8. Launch & Growth Checklist --- <prompt> <role name="Staff Engineer / CTO" org="ex-Stripe, ex-Vercel" specialty="System Architecture" experience="12y"> Sen 12 yıllık bir Staff Engineer / CTO'sun. Uzmanlığın: System Architecture. Stripe, Linear, Vercel seviyesinde dünya klası ürünler ship ettin. </role> <context> Proje: Headless E-Ticaret - Türkiye için hızlı, SEO odaklı headless moda vitrini Tip: Headless E-Commerce Vizyon: Katalog ve stok headless API'den; vitrin Next.js ISR ile. Varyantlı ürünler, kampanya kuralları, Iyzico 3D Secure, e-fatura webhook'u, Typesense arama ve LCP < 1.5 s hedefi. Hedef: Markalar, ajanslar ve Shopify'dan headless'a geçen ekipler - Acı: - Bütçe: Rakipler: USP: Monetizasyon: Commission %, One-time + Lifetime | Ödeme: Iyzico, PayTR, Stripe Tech Stack: Next.js 16 (App Router), Go Fiber, PlanetScale, Algolia Özellikler: Advanced CRUD + Bulk Ops, Global Search (⌘K), File Upload + CDN, Ratings & Reviews, Notifications Center, Analytics Charts, Webhooks & Events Compliance: KVKK/GDPR, E-Fatura, 3D Secure Dil: TR </context> <task> Sistem mimarisini tasarla. Edge-first, 100ms p95. DB schema, API contract, caching stratejisi, multi-tenancy, RLS, idempotency. Seçilen backend + DB kombinasyonunun neden doğru olduğunu ve scaling planını yaz. Genel: Üretim kalitesinde, kopyala-yapıştır çalışacak detayda. </task> <technical_architecture> - Frontend: Next.js 16 (App Router) - App Router, Server Components, partial prerendering - Backend: Go Fiber - Edge runtime, RPC, zod validation - DB: PlanetScale - pgvector for semantic search, type-safe ORM, RLS policies - Auth: - Passkeys first, org/team model - Search: Algolia - typo-tolerant, faceted - Realtime: - presence, CRDT-ready Ödeme Akışı: Iyzico, PayTR, Stripe -> Webhook -> Background job -> Entitlement update -> Audit log </technical_architecture> <feature_matrix> - [ ] Advanced CRUD + Bulk Ops -> Spec + API + UI + Test - [ ] Global Search (⌘K) -> Spec + API + UI + Test - [ ] File Upload + CDN -> Spec + API + UI + Test - [ ] Ratings & Reviews -> Spec + API + UI + Test …
Türkiye satışı için Iyzico veya PayTR, yurt dışı için Stripe; prompt ikisini de aynı soyutlama katmanına bağlar.
Ürün şeması (JSON-LD), kanonik URL'ler, sitemap, görsel optimizasyonu ve Core Web Vitals hedefleri SEO/AEO uzmanının görev bloğundadır.
Claude Code, Cursor, Windsurf, v0, Lovable, Bolt ve ChatGPT. Çıktı formatını (Claude XML, ChatGPT Markdown, Cursor Rules, v0, Lovable/Bolt) Studio'nun 4. adımında seçersin; .cursorrules ve CLAUDE.md olarak da indirebilirsin.
Evet. Free planda 3 uzman ve 2 format ile sınırsız prompt üretirsin; kart gerekmez. 18 uzman, Mega Chain ve Export to Builders Monster Pro'da ($29/ay).
Satıcı onboarding'i, komisyon, split ödeme, sipariş yönetimi ve arama içeren çok satıcılı pazar yerinin build prompt'u.
Aylık kutu aboneliği, tercih anketi, teslimat takvimi ve churn azaltma akışlarıyla D2C abonelik e-ticaretinin build prompt'u.
Bayi hesapları, müşteriye özel fiyat listeleri, cari hesap, sipariş onayı ve ERP entegrasyonu içeren B2B portalın build prompt'u.
Hesap, kart, transfer ve harcama analitiği içeren neobank arayüzünün güvenlik ve uyum kısıtlarıyla yazılmış build prompt'u.
Cüzdan bağlama, çoklu zincir portföy, fiyat uyarıları ve DeFi pozisyon takibi içeren uygulamanın build prompt'u.
Fatura oluşturma, e-fatura, tahsilat takibi, yinelenen faturalar ve müşteri portalı içeren faturalandırma SaaS'ının build prompt'u.
Uzmanlar, stack ve özellikler bu sayfadaki gibi hazır gelir; sen adını ve fikrini yaz. Ücretsiz, kart gerekmez.