← Day 1 · Commerce Fluency
Tier 1 · Know coldModule 4 of 12

Headless commerce

Confidence:
Learning objectives
  • Explain headless: decoupling frontend from backend via APIs.
  • Articulate the benefits (independent deploys, multi-channel) and the cost (you own the frontend).
  • Connect frontend performance to conversion.
Why this matters for the Orium role: Headless is one of the four MACH letters and the most tangible to a business audience because it touches the storefront.
60-second executive explanation

Headless commerce separates the storefront — the 'head' — from the backend engine, connecting them via APIs. That lets frontend and backend teams ship independently, and lets one backend power many channels by building only a new head per channel. The upside is speed and reuse; the cost is that you now own and maintain the frontend rather than inheriting one. And frontend performance matters commercially: speed correlates directly with conversion.

Core concepts

Head vs body

Head = customer-facing frontend; body = catalogue, pricing, inventory, orders, payments. Connected via REST/GraphQL.

Benefits

Independent deploys; one backend → many channels (web, app, kiosk, agent); best-of-breed frontend tooling.

Cost

You own the frontend build and maintenance — a real resourcing commitment.

Performance

SSR (Next.js) + edge delivery (Vercel) → fast loads → conversion.

Commercial implications
  • Marketing ships at its own speed; engineering at theirs — fewer release bottlenecks.
  • Performance is a revenue feature, not an engineering vanity metric.
Account-growth angle

Frontend performance and new-channel heads are concrete, measurable expansion conversations.

Orium-specific angle

Orium builds headless storefronts (often Next.js on Vercel) on top of engines like commercetools.

Darren relevance

Frame this as the experience layer you've owned commercially — you can connect performance to conversion for a VP Digital.

Senior-client conversation
CMO

Why does headless help my team?

Darren

Because your team stops waiting on engineering release cycles to change the storefront — and a faster frontend converts better. The trade-off is you own that frontend, which is a resourcing decision worth making deliberately.

Weak answer

Headless means separating the front end from the back end so it's more flexible.

Strong answer

Headless decouples the storefront from the engine via APIs so teams ship independently and one backend powers many channels. The upside is speed and reuse; the honest cost is owning the frontend — and performance is a direct conversion lever.

Mini case

Situation: A brand's storefront is slow and every change waits weeks on engineering.

Move: Propose decoupling the frontend (headless) to unblock marketing and improve Core Web Vitals → conversion.

Outcome: You tie an architecture move to a measurable revenue outcome.

Active recall
What is the 'head' in headless?
Name the main cost of going headless.
Quiz
1. Headless commerce connects head and body via:
2. A key business benefit of headless is:
Suggested resource
Why commercetools built a layered composable architecture — open the Video Library →
Go deeper with the Tutor

Have me explain headless to a CMO and a CFO differently, and challenge me on the frontend-ownership cost.

Open the Tutor (top-right) and paste this prompt, or tap a mode.

Built for Darren O'Donoghue · Not affiliated with or endorsed by Orium · For private interview preparation only.