Headless e-commerce splits the storefront from the backend: catalog, inventory and orders come from an API, while the Next.js storefront loads in milliseconds, not seconds. Payments and invoicing are critical: Stripe for global sales, plus Iyzico, PayTR and e-invoicing (e-Fatura) if you sell in Turkey.
The prompt brings the product-variant model, the cart/checkout state machine, search (Algolia/Typesense) and SEO requirements (structured data, sitemap, Core Web Vitals) together in a single document.
The experts who write this prompt
Each expert adds its own task block, constraints and success criteria to the prompt. Default selection for Headless E-commerce:
👨💻
Staff Engineer / CTO
12y
ex-Stripe, ex-Vercel • System Architecture
Design the system architecture. Edge-first, 100ms p95. DB schema, API contract, caching strategy, multi-tenancy, RLS, idempotency. Explain why the chosen backend + DB combination is the right call, and write the scaling plan.
🔍
SEO/AEO Strategist
7y
AI Search Pioneer • Perplexity Ranking
AEO + SEO: programmatic SEO pages, schema.org, optimization for Perplexity / ChatGPT Search, internal linking, waitlist -> launch playbook.
🎨
Design Director
10y
Awwwards Jury • Design System
Build the design system: Tailwind tokens, shadcn/ui, dark mode only, Linear-like density, command palette, keyboard-first. Describe wireframes for the 3 critical flows.
Preloaded in step 2 of the Studio; change any of the 7 layers.
Next.js 16 (App Router)
Go Fiber
PlanetScale
Algolia
Payments & revenue model
Commission %
One-time + Lifetime
Stripe2.9% + 30¢
Compliance
KVKK/GDPR
3D Secure
Features in the prompt
Every feature appears in the prompt as a "Spec + API + UI + Tests" line.
Advanced CRUD + Bulk Ops
Global Search (⌘K)
File Upload + CDN
Ratings & Reviews
Notifications Center
Analytics Charts
Webhooks & Events
Sample prompt (shortened)
Sample idea: "A fast, SEO-first headless storefront for a fashion brand". Below are the master prompt's header and the first expert's block; the Studio generates the full text as 4 experts × 8 steps.
HEADLESS E-COMMERCE — MASTER BUILD PROMPTClaude XML • EN
# Headless E-commerce - MASTER BUILD PROMPT
Stack: Next.js 16 (App Router), Go Fiber
Goal: A fast, SEO-first headless storefront for a fashion brand
This prompt builds a full-stack Headless E-Commerce in 8 steps. Each step consumes the previous step's output. 4 experts' knowledge combined.
Steps:
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">
You are a Staff Engineer / CTO with 12 years of experience. Specialty: System Architecture. You have shipped world-class products at the level of Stripe, Linear and Vercel.
</role>
<context>
Project: Headless E-commerce - A fast, SEO-first headless storefront for a fashion brand
Type: Headless E-Commerce
Vision: Catalog and inventory come from a headless API; the storefront runs on Next.js ISR. Products with variants, promotion rules, Stripe checkout with 3D Secure, an e-invoicing webhook, Typesense search and an LCP < 1.5 s target.
Target user: Brands, agencies and teams moving from Shopify to headless - Pain: - Budget:
Competitors:
USP:
Monetization: Commission %, One-time + Lifetime | Payments: Stripe
Tech Stack: Next.js 16 (App Router), Go Fiber, PlanetScale, Algolia
Features: Advanced CRUD + Bulk Ops, Global Search (⌘K), File Upload + CDN, Ratings & Reviews, Notifications Center, Analytics Charts, Webhooks & Events
Compliance: KVKK/GDPR, 3D Secure
Lang: EN
</context>
<task>
Design the system architecture. Edge-first, 100ms p95. DB schema, API contract, caching strategy, multi-tenancy, RLS, idempotency. Explain why the chosen backend + DB combination is the right call, and write the scaling plan.
General: production quality, copy-paste ready level of detail.
</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
Payment flow: Stripe -> Webhook -> Background job -> Entitlement update -> Audit log
</technical_architecture>
<feature_matrix>
- [ ] Advanced CRUD + Bulk Ops -> Spec + API + UI + Tests
- [ ] Global Search (⌘K) -> Spec + API + UI + Tests
…
The rest is in the Studio: every expert block, the feature matrix and the Mega Chain.Generate the full prompt
Mega Chain: a full-stack Headless E-commerce in 8 steps
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
FAQ
Which payment provider should I choose?
Stripe for international sales, Iyzico or PayTR if you sell in Turkey; the prompt connects both to the same payment abstraction layer.
What does the prompt include for SEO?
Product schema (JSON-LD), canonical URLs, a sitemap, image optimization and Core Web Vitals targets all sit in the SEO/AEO Strategist's task block.
Which tools can I paste the generated prompt into?
Claude Code, Cursor, Windsurf, v0, Lovable, Bolt and ChatGPT. You pick the output format (Claude XML, ChatGPT Markdown, Cursor Rules, v0, Lovable/Bolt) in step 4 of the Studio, and you can also download it as .cursorrules or CLAUDE.md.
Is it free?
Yes. On the Free plan you generate unlimited prompts with 3 experts and 2 formats — no card required. 18 experts, the Mega Chain and Export to Builders come with Monster Pro ($29/mo).