Headless commerce
Aktualizováno 22. 9. 2026
Headless commerce je architektura e-shopu, ve které je prezentační vrstva (frontend) oddělená od obchodní logiky (backend) a obě části spolu komunikují přes API. Hodí se pro e-shopy, které narážejí na limity šablon a mají vlastní vývojový tým nebo partnera.
Rychlá fakta
- Typ
- architektura e-shopu (oddělený frontend a backend)
- Cena
- zdarma — jde o architekturu; náklady tvoří vývoj frontendu, hosting a licence backendu (u SaaS platforem podle ceníku poskytovatele)
- Typické technologie
- Shopify Hydrogen, Next.js, commercetools, headless API platforem jako Shopify, Magento nebo Shoptet Premium
- Časová náročnost zavedení
- orientačně měsíce — frontend se staví prakticky od nuly
- Náročnost zavedení
- vysoká — vlastní frontend, API integrace, cache, SEO a dlouhodobá údržba
- Vhodné pro
- větší e-shopy s vlastním vývojem, více kanály nebo specifickým UX
Co to je
V klasickém e-shopu tvoří frontend a backend jeden celek. Šablona, košík, katalog i administrace běží v jedné aplikaci. Headless commerce tuto vazbu rozpojí. Backend (produkty, ceny, sklad, košík, objednávky) poskytuje data přes API. Frontend je samostatná aplikace, která si data bere a zobrazuje je po svém.
„Hlava" (head) je v tomto obrazu frontend. Backend ji nemá, proto headless. Stejný backend pak může obsluhovat web, mobilní aplikaci, kiosek na prodejně nebo B2B portál.
Jak to funguje
- Zákazník otevře stránku. Frontend (typicky React aplikace) si přes API vyžádá produkty, ceny a dostupnost.
- Backend odpoví daty ve formátu JSON přes REST API nebo GraphQL.
- Frontend stránku vykreslí. Kvůli SEO a rychlosti se stránky renderují na serveru nebo předem, ne až v prohlížeči.
- Košík a checkout jdou opět přes API. Často se checkout nechává přímo na platformě, protože řeší platby a bezpečnost.
Typické technologie
- Shopify Hydrogen — framework od Shopify pro headless frontend nad Storefront API. Stojí na React Routeru 7 (nástupce Remixu). Hostovat ho jde na Shopify Oxygen nebo na jiných platformách.
- Next.js — obecný React framework, na kterém staví řada headless frontendů pro různé backendy.
- commercetools — čistě API-first commerce platforma bez vlastního frontendu, určená hlavně pro enterprise.
- Headless API běžných platforem — Shopify, Magento (Adobe Commerce) nebo WooCommerce mají API pro headless provoz. U Shoptetu je privátní API a prázdná šablona pro frontend na míru dostupná jen v tarifu Shoptet Premium.
MACH
S headless se často zmiňuje zkratka MACH: Microservices, API-first, Cloud-native SaaS, Headless. Prosazuje ji MACH Alliance, nezisková organizace založená v roce 2020 (mezi zakladateli byl commercetools). Headless je jen jedno ze čtyř písmen. E-shop může být headless, aniž by celý běžel na mikroslužbách.
Výhody a limity
| Výhody | Limity | |
|---|---|---|
| Design a UX | žádné limity šablony | vše se musí navrhnout a naprogramovat |
| Rychlost webu | moderní frontend může být velmi rychlý | výkon závisí na kvalitě vývoje a cache |
| Kanály | jeden backend pro web, aplikaci, B2B | víc systémů k údržbě |
| Rozšíření platformy | frontend nezávisí na doplňcích platformy | frontendové doplňky platformy (recenze, widgety) často nefungují |
| Náklady | backend lze vyměnit bez nového frontendu | vývoj frontendu, hosting, monitoring a tým navíc |
Z praxe: headless má smysl, když vás opravdu omezuje frontend platformy. Když je problém v procesech, datech nebo marketingu, headless ho nevyřeší a přidá složitost.
Kdy ano a kdy ne
- Ano: velký katalog a návštěvnost, vlastní vývojový tým nebo stálý partner, více prodejních kanálů, UX, které šablona neumožní.
- Spíš ne: menší e-shop, jeden kanál, žádný vývojář na údržbu, potřeba spustit rychle.
Podrobněji to rozebíráme v článku Headless commerce: kdy dává smysl a v hesle Vlastní a headless řešení.
Jak to řešíme v Převeďshopu
Headless nedoporučujeme automaticky. Nejdřív ověříme, jestli limit, na který narážíte, nejde vyřešit na současné platformě. Když headless dává smysl, pomáháme s:
- Technologickým auditem a výběrem architektury — backend, frontend framework, hosting. Technologický audit zvládneme do 10 dnů.
- Návrhem a vývojem API vrstvy — napojení na ERP, PIM a další systémy přes API a mikroslužby.
- Přechodem na novou architekturu jako součástí replatformingu: audit a výběr obvykle 2–4 týdny, migrace a launch 4–10 týdnů. Headless projekt s frontendem od nuly bývá na horní hranici tohoto rozpětí, přesný harmonogram určí audit.
- SEO při přechodu — server-side rendering, strukturovaná data a mapa přesměrování, aby redesign nestál návštěvnost.
Cenu headless projektu připravíme po konzultaci podle rozsahu.