# Headless commerce: de drie niveaus, de echte opties en welke je waarschijnlijk echt wilt

> De meeste bedrijven die om "headless commerce" vragen, willen commerce die in een widget is ingesloten. Een enkeling heeft commercetools of Saleor nodig. Dit is het eerlijke beslismodel.

Ryan Badger - 3 oktober 2025 - 6 min leestijd

## Wat "headless commerce" eigenlijk betekent

Headless commerce betekent dat je de frontend (wat je klant ziet) loskoppelt van de commerce-backend (winkelwagen, checkout, voorraad, bestellingen). In plaats van een platform te kiezen dat beide bundelt (zoals de themawinkels van Shopify), bouw of koop je de frontend los en koppel je die aan een commerce-API.

Het woord "headless" wordt losjes gebruikt. Er zijn drie aparte niveaus:

- **Volledig headless:** je bouwt de frontend van nul (React, Next.js, Astro, Nuxt) en roept voor elk stukje data een commerce-API aan. Productlijsten, winkelwagenstatus, checkout. Jij bezit alle UX.
- **Headless met ingesloten widget:** je frontend bestaat al (een marketingsite, een Webflow-site, een blog). Je plaatst een commerce-widget die erin wordt weergegeven. Niet "volledig headless", maar wel losgekoppeld: je site is geen sjabloon van een commerceplatform.
- **Traditioneel (niet headless):** je kiest Shopify, BigCommerce of WooCommerce, gebruikt hun themasysteem en je site IS het commerceplatform.

Het meeste van de "headless"-hype gaat over niveau 1. De meeste winkels hebben dat helemaal niet nodig.

## Wanneer volledig headless de moeite waard is

Volledig headless verdient zich terug in vier specifieke situaties. Daarbuiten is het ontwikkeltijd die je niet terugkrijgt.

1. **Je hebt een maatwerk-UX nodig die platformthema's niet halen.** Interactieve configurators, 3D-productviewers, contentrijke verhalende layouts. De frontend opnieuw bouwen stond sowieso op de planning; headless betekent alleen dat je ook de commercedata kunt sturen.
2. **Distributie over meerdere kanalen vanuit één catalogus.** Website + mobiele app + kiosk in de winkel + spraak- of chatinterface. Een gedeelde commerce-API die ze allemaal aandrijft is op de traditionele manier echt lastig.
3. **Schaal waarbij traditionele platforms een bottleneck worden.** Shopify Plus vangt het meeste daarvan nu op, maar zit je op het volume van Nike of IKEA, dan geeft een commerce-API achter je eigen frontend prestatiecontrole die een themawinkel je niet geeft.
4. **Een engineeringteam met echte frontendcapaciteit.** Heb je speciale frontendengineers, dan wordt headless op termijn echt goedkoper, omdat je geen themaontwikkelaarsbelasting meer betaalt.

Val je niet in een van deze vier, dan is volledig headless bijna altijd een slechtere ruil dan een gehost platform kiezen.

## De opties voor volledig headless

Voor teams die wel volledig headless nodig hebben, is de realistische shortlist voor 2026:

- **commercetools**: enterprise-niveau, Duits ontwikkeld, prijzig. De referentie-implementatie van composable commerce.
- **Saleor**: opensource, zelf gehost of beheerd, sterke GraphQL-API. Developervriendelijk.
- **Medusa**: opensource, JavaScript-native, groeiend ecosysteem. In vorm het dichtst bij "Shopify als API".
- **BigCommerce Headless**: gebruik BigCommerce als backend en neem je eigen frontend mee. De schoonste optie om te migreren zonder de backend opnieuw te bouwen.
- **Shopify Storefront API**: gebruik de commerce van Shopify achter een eigen frontend. Hosting en ontwikkelcomplexiteit zijn van jou; voorraad, bestellingen en betalingen blijven in Shopify.
- **Shoprocket via de `@shoprocket/core` SDK**: producten, winkelwagen en sessies volledig programmeerbaar ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)). Sla de widget over, render je eigen UI en praat rechtstreeks met onze API. Zie het onderdeel "Waar Shoprocket zit" hieronder voor de kanttekeningen.

Grove rangschikking op developerergonomie: Medusa > Saleor > Shopify Storefront API > BigCommerce > commercetools. Grove rangschikking op enterprise-betrouwbaarheid: commercetools > Shopify > BigCommerce > Saleor > Medusa. Kies op basis van waarvoor je optimaliseert.

## De optie met ingesloten widget (de categorie die de meeste mensen echt willen)

De meeste bedrijven die zeggen dat ze "headless" willen, willen eigenlijk dit: een marketing- of contentsite die ze al hebben, plus commerce die erin past zonder dat alles opnieuw gebouwd hoeft te worden.

Shoprocket, Snipcart en Ecwid zitten hier allemaal. Je houdt je site (Webflow, WordPress, statische HTML, Astro, Framer), plakt een scripttag en de commerce wordt erin weergegeven. Losgekoppeld, maar niet opnieuw geïmplementeerd.

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

De API is ook beschikbaar als je verder wilt gaan (eigen productkaarten met je eigen markup die onze API voor data aanroepen). Volledige programmeerbare controle zit in de JS-SDK ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) voor events, winkelwagenbeheer en eigen UI's.

**Wanneer dit niveau wint van volledig headless:**

- Je hebt al een site waar je tevreden over bent (je wilt de frontend niet opnieuw bouwen)
- Je hebt geen speciale frontendengineers
- Je UX-eisen passen bij wat de widget weergeeft
- Je wilt commerce in weken live hebben, niet in kwartalen

**Wanneer je doorgroeit naar volledig headless:**

- De widget haalt je vereiste UX niet
- Je moet producten tonen in contexten die de widget niet dekt (native mobiele app, kiosken, tv)
- Je hebt het engineeringteam om het te dragen

## Hoe weet je welk niveau je nodig hebt

Stel jezelf twee vragen:

1. **Past mijn UX-eis in een rechthoekig deel van mijn bestaande website?** Zo ja, dan is een ingesloten widget prima. Zo nee, dan zit je in het gebied van volledig headless.
2. **Heb ik de komende 18 maanden een speciale frontendengineer?** Zo nee, sla dan volledig headless over, wat je ook denkt nodig te hebben.

De tweede vraag is de beslissende. Volledig headless zonder frontendengineer is een hoop technische schuld die staat te gebeuren. De leveranciers van het commerceplatform helpen je, maar ze kunnen niet vervangen dat iemand je eigen frontend beheert.

## En "composable commerce"?

Hetzelfde idee, herverpakt voor de aankoopcyclus van grote bedrijven. "Composable" = kies per functie de beste oplossing (CMS, zoeken, PIM, winkelwagen, checkout, btw) en koppel ze via API's aan elkaar. Het werkt als je het team hebt om ze te koppelen. Het wordt een onderhoudslast als dat team er niet is.

Voor winkels onder ongeveer $10 miljoen omzet per jaar is composable bijna altijd een vergissing. Het koppelvlak is enorm en elke leverancierswissel breekt iets.

## Waar Shoprocket zit

We dekken niveau 1 en 2, en we zijn eerlijk over welk je moet kiezen.

**Niveau 2 (ingesloten widget), de standaard voor 95% van onze klanten.** Plak één scripttag en de widget wordt in je bestaande site weergegeven. Catalogus, winkelwagen, checkout, zoeken, varianten, betalingen: alles geregeld. Vast abonnement vanaf $29 per maand, 0% transactiekosten. Dit is de snelle route en de juiste voor de meeste winkels.

**Niveau 1 (volledig headless), technisch ondersteund, zelden aanbevolen.** De `@shoprocket/core` SDK ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) geeft programmeerbare toegang tot producten, winkelwagenstatus en sessies. Je kunt elke pixel zelf renderen en rechtstreeks met onze API praten. Hetzelfde vaste abonnement dekt dat.

**Waarom we niveau 1 niet pushen, ook al werkt het:** elk randgeval afdekken in een eigen frontend (laadstatussen, lege winkelwagens, UI voor het kiezen van varianten, checkoutflows, foutafhandeling, toegankelijkheid, mobiele schermen, i18n in 21 talen) is veel engineering. De widget heeft dat allemaal ingebouwd, getest in duizenden winkels. Je bouwt een opgelost probleem opnieuw, tenzij je een specifieke UX-reden hebt om dat niet te doen.

Heb je die specifieke UX-reden en de engineeringcapaciteit, dan is de core-SDK er. Anders: plak de widget en ga verder.

> **Tip:** noemt een leverancier zichzelf "headless" zonder te kunnen antwoorden op "welk frontendframework raad je aan?", dan is het waarschijnlijk een ingesloten widget. Dat is prima; weet alleen wat je koopt.

## Kort samengevat

- **Volledig headless:** commercetools, Saleor, Medusa, Shopify Storefront API, BigCommerce Headless. Alleen de moeite waard bij specifieke UX-eisen, meerdere kanalen, schaal of een eigen developerteam.
- **Ingesloten widget:** Shoprocket, Snipcart, Ecwid. Het juiste antwoord voor de meeste winkels die "headless willen". Shoprocket ondersteunt ook volledig headless via de core-SDK voor het zeldzame geval dat je dat nodig hebt.
- **Traditioneel:** Shopify + thema, BigCommerce + thema. Nog steeds de snelste route als je nog geen site hebt.

De meeste bedrijven die om headless vragen, willen eigenlijk het niveau met de ingesloten widget. [Start een gratis proefperiode van Shoprocket](https://app-v3.shoprocket.io/signup) als dat op jou lijkt. 14 dagen, geen kaart. [Prijzen](https://v3.shoprocket.io/nl/prijzen.md) vanaf $29.

---

- HTML version: https://v3.shoprocket.io/nl/blog/headless-commerce-drie-niveaus-welke-past-bij-jou
- Language: Nederlands (nl)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Deutsch](https://v3.shoprocket.io/de/blog/headless-commerce-drei-stufen-optionen-entscheidung.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [English](https://v3.shoprocket.io/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Español](https://v3.shoprocket.io/es/blog/headless-commerce-tres-niveles-opciones-reales.md), [Français](https://v3.shoprocket.io/fr/blog/commerce-headless-trois-niveaux-quelle-option-choisir.md), [עברית](https://v3.shoprocket.io/he/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/headless-commerce-tiga-tingkatan-pilihan-nyata-dan-mana-yang-anda-butuhkan.md), [Italiano](https://v3.shoprocket.io/it/blog/headless-commerce-tre-livelli-opzioni-reali-quale-scegliere.md), [日本語](https://v3.shoprocket.io/ja/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/headless-prekyba-trys-lygiai-ir-kuris-jums-tinka.md), [Norsk](https://v3.shoprocket.io/nb/blogg/headless-commerce-tre-nivaer-reelle-alternativer-og-hva-du-trenger.md), [Polski](https://v3.shoprocket.io/pl/blog/headless-commerce-trzy-poziomy-realne-opcje-co-wybrac.md), [Português](https://v3.shoprocket.io/pt/blog/headless-commerce-tres-niveis-opcoes-reais-e-qual-voce-provavelmente-quer.md), [Română](https://v3.shoprocket.io/ro/blog/headless-commerce-cele-trei-niveluri-si-care-ti-trebuie.md), [Русский](https://v3.shoprocket.io/ru/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [ไทย](https://v3.shoprocket.io/th/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Türkçe](https://v3.shoprocket.io/tr/blog/headless-ticaret-uc-kademe-gercek-secenekler-ve-hangisini-istiyorsunuz.md), [中文](https://v3.shoprocket.io/zh/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md)