Headless commerce uitgelegd voor MKB

Headless commerce betekent: je gebruikt Shopify (of een ander platform) alleen als product- en order-backend, maar de winkel-frontend bouw je los in Next.js, Astro of vergelijkbare framework. Voordeel: 2-4× snellere site, volledige design-vrijheid, content + shop in één systeem. Nadeel: 2-4× duurder om te bouwen, ontwikkelaar nodig voor doorlopend onderhoud. Loont vanaf €1M omzet of bij merken die snelheid en design-controle als kerncompetentie zien.

Wat is headless commerce, in één plaatje

Een traditionele Shopify-shop heeft het platform aan beide kanten: backend (producten, orders, klanten) én frontend (de site die klanten zien). Liquid templates renderen de pagina's, alles via Shopify's servers.

Headless commerce splitst dat: Shopify blijft de backend (via de Storefront API of Hydrogen-framework), maar je frontend draait apart op Next.js/Astro/Hydrogen, gehost op Vercel of Cloudflare. De winkel is feitelijk een eigen Next.js-app die data van Shopify ophaalt.

Waarom zou je dat willen?

Snelheid. Headless sites laden meestal in 0.8-1.5s vs 2-4s voor standaard Shopify. Direct effect op conversie (~5-15% verbetering bij betere Core Web Vitals).
Design-vrijheid. Geen beperkingen van Liquid templates. Je kunt animaties, custom interacties en complexe layouts bouwen zonder hacks.
Content + shop in één. Blog, magazine, productpagina's, lookbooks — alles in dezelfde Next.js-app, met één codebase en consistente styling.
Geen Liquid-jungle. Maintainable code voor developers; geen {% if customer %}{% else %}{% endif %} spaghetti.
Multi-channel. Dezelfde Next.js-app kan een webshop, een mobile-app en een PWA tegelijk zijn.

Waarom je het waarschijnlijk niet wilt

Kosten. Een headless shop bouwen kost typisch €25.000-€60.000 vs €8.000-€18.000 voor een goede Shopify-theme.
Onderhoud. Bij Shopify krijg je framework-updates gratis. Bij headless moet je zelf je Next.js-versie bijhouden, dependencies updaten, security-fixes doorvoeren.
App-ecosysteem. Veel Shopify-apps werken niet direct in headless (visuele apps voor pop-ups, reviews, etc.). Je moet vaak alternatieven kiezen of zelf bouwen.
Developer-afhankelijkheid. Een gewone Shopify-shop kan een marketeer beheren. Een headless shop niet — elke aanpassing buiten content vraagt een developer.
Time-to-market. Een traditioneel theme-traject duurt 4-8 weken. Headless 12-20 weken.

Wanneer loont headless voor MKB?

Drie scenario's waarin het echte verschil maakt:

1. Conversie-gedreven merken. Als 5-10% conversie-verbetering significant impact heeft (omzet > €1M/jaar), verdien je de extra investering binnen 12-24 maanden terug.
2. Content-heavy merken. Lifestyle, magazine-stijl shops waar storytelling cruciaal is. Met een traditioneel theme blijf je tegen designgrenzen aanlopen.
3. Custom interacties. Configuratoren, AR-product-previews, complexe filters — dingen die in Shopify's Liquid hooguit clunky werken.

Voor de typische MKB-shop (€100k-€500k omzet, standaard productpresentatie, beperkt budget): houd je bij een aangepast Shopify-theme. De extra investering verdien je niet terug.

Veelgemaakte fouten

Headless kiezen "omdat 't modern is". Performance-verbetering is alleen waardevol als je conversie-gedreven bent. Anders is een goede traditional theme even effectief.
Vergeten dat je nog steeds Shopify-licentie betaalt. Headless bovenop Shopify Plus kost je beide kosten.
Apps onderschatten. Inventariseer voor de bouw: welke huidige apps blijf je gebruiken? Werken die in headless?
Geen marketing-tooling. Klaviyo, Mailchimp, etc. werken anders met headless. Plan integratie expliciet.
Onderhoud onderschatten. Reken op €1.500-€4.000/maand aan onderhoud — meer dan traditioneel.

Veelgestelde vragen

Wat is Shopify Hydrogen?

Shopify's eigen headless-framework, gebouwd op Remix. Gratis te gebruiken, optimaal geïntegreerd met Shopify. Beste keuze als je headless bouwt op Shopify-backend. Alternatief: Next.js met Shopify Storefront API.

Werkt headless ook met WooCommerce?

Ja, via de WooCommerce REST API of GraphQL via WPGraphQL. Wordt minder vaak gedaan dan headless Shopify omdat WooCommerce zelf al meer flexibel is.

Kan ik headless gebruiken op Shopify Basic?

Technisch ja, maar je mist features als markets, advanced reporting. In de praktijk pakken bedrijven met headless-ambities Shopify Advanced of Plus.

Wat kost de hosting van een headless front-end?

Vercel: vanaf gratis, schaalt naar €20-€100/maand voor MKB-volumes. Cloudflare Pages: vergelijkbaar. Voor enterprise traffic kan het oplopen naar €300-€1.000/maand.

Werkt SEO goed op headless commerce?

Ja, als het goed gebouwd is. Server-side rendering (SSR) of static generation is cruciaal — pure client-side rendering werkt slecht voor SEO. Next.js en Hydrogen ondersteunen beide goed.

Welke MKB-bedrijven gebruiken headless succesvol?

In Nederland zien we het bij modemerken, design-georiënteerde lifestyle-shops en sommige B2B-shops met configuratoren. Niet bij standaard product-shops; daar is de extra investering meestal niet rendabel.

Klaar om te beginnen?

Lees onze aanpak voor een webshop laten bouwen, of plan een korte kennismaking — we kijken vrijblijvend mee en geven een eerlijke inschatting van scope, kosten en doorlooptijd.