Shopify Headless Pricing: Alle kostenlagen die handelaren werkelijk betalen

Shopify headless pricing is niet een enkel getal. Het is een stapel van minstens vier afzonderlijke kostenlagen: het Shopify-abonnement, de eenmalige bouw, de maandelijkse SaaS-stack en de doorlopende engineeringvergoeding. Mis een van deze in je budget en je zit zes maanden na de lancering weer in het spreadsheet.

Belangrijkste inzichten

• Bouwkosten lopen van ongeveer 10K (freelance ontwikkelaar, minimale scope) tot 300K+ (senior bureau, enterprise composable stack) afhankelijk van complexiteit.
• De meeste productie headless stores draaien op Shopify Plus tegen ongeveer 2.300/maand voor API-limietjes, Checkout Extensibility en Shopify Functions-toegang.
• Oxygen hosting is gratis op elk betaald Shopify-plan (behalve Starter), dus hosting is zelden de echte kostenfactor.
• Op 30 juni 2026 kondigden Shopify en Vercel een heropgebouwde, framework-agnostische Hydrogen aan op Vercel Ship 26 in New York, momenteel in developer preview, met een openbare beta verwacht in Q3 2026.
• Mid-market merken (5M-20M omzet) met een goed uitgevoerde build bereiken doorgaans break-even in 12-18 maanden; onder de 5M levert het optimaliseren van je Liquid store meestal meer op.

Laag 1: Het Shopify-abonnement

De Storefront API is technisch beschikbaar op elk Shopify-plan. In de praktijk eindigt vrijwel elke productie headless build op Shopify Plus. De redenen zijn concreet: hogere API-limieten, toegang tot Checkout UI Extensions, Shopify Functions en de mogelijkheid om multi-market storefronts netjes uit te voeren.

Standaardplannen (39-399 USD/maand) kunnen werken voor kleinere merken, maar API-limieten worden een echt knelpunt tijdens hoogtepunten in het verkeer zoals flitsverkopen. Shopify Plus begint op 2.300 USD/maand op een 3-jaartermijn of 2.500 USD/maand op een 1-jaartermijn voor standaardinstellingen. Stores met groot volume schakelen over op een variabele platformvergoeding, per contract ingesteld en niet publiekelijk modeleerbaar.

Plus ontgrendelt ook tot 25 Hydrogen headless storefronts die op Shopifys Oxygen edge netwerk zijn geplaatst, B2B-functies, onbeperkte personeelsaccounts en Shopify Audiences voor advertentiegericht.

Een belangrijk nuance: een headless storefront vereist niet automatisch Shopify Plus. Shopifys API-limitdocumentatie stelt dat echte koper Storefront API-verzoeken geen vaste verzoeken per minuut limiet hebben. Plus wordt relevant wanneer het bedrijf checkout-aanpassingen, B2B of enterprise-bewerkingen op schaal nodig heeft.

Laag 2: De eenmalige bouwkost

Dit is waar het breedste bereik zit en waar de meeste bureaus het minst eerlijk met je zijn.

Het eerlijke bereik loopt van ongeveer 10K voor een minimale Hydrogen-build met een freelance ontwikkelaar tot 300K+ voor een volledige composable commerce-project met een senior bureauteam.

Een typische mid-range Hydrogen-build met Sanity en Algolia loopt 80K-150K+, ruw als volgt ingedeeld:

Ter vergelijking: een goed gebouwd Shopify Plus-thema loopt 30K-60K. De 2x tot 3x kostenpremie voor headless is echt, en elk bureau dat je wat anders vertelt is niet eerlijk met je.

AI-tooling comprimeert bouwijd. Tools zoals Claude Code, Cursor en Gemini CLI, gecombineerd met Shopifys officiële AI Toolkit en open-source skillpacks, comprimeren actief uren ontwikkeling. Als het bureau dat je evalueert niet duidelijk kan maken wat hun AI-coderingsworkflow in Hydrogen is, is dat een waardevol signaal.

Laag 3: De maandelijkse SaaS-stack (de laag die de meeste voorstellen overslaan)

Een op thema gebaseerde Shopify Plus-store heeft een SaaS-kost: het Plus-abonnement. Een headless store voegt meer toe:

• Oxygen hosting: Gratis op alle betaalde plannen, onbeperkte bandbreedte, auto-scaling, globale edge-implementatie. Dit is de standaard voor Hydrogen-builds en het juiste startpunt.
• Vercel hosting (als niet op Oxygen): 20-500+ USD/maand voor de meeste stores; 400-1.500 USD/maand voor veel verkeer. Vanaf 30 juni 2026 wordt Hydrogen op Vercel geplaatst met een klik via een Deploy-knop die een werkende storefront met de Storefront API-client, winkelwagen en al bekabelde productpagina's scaffoldt.
• Headless CMS (Sanity, Contentful, Storyblok): Sanitys Growth-plan loopt 15 USD/zitplaats/maand; Contentful schaal van 0 tot 1.000+ USD/maand bij enterprise-gebruik; Storyblok begint op 99 USD/maand.
• Zoeken (Algolia): 0-500+ USD/maand afhankelijk van zoekvolume en indexgrootte.
• Developer retainer (na lancering): 3K-8K USD/maand voor een growth-tier build; meer voor scale-tier.

De gecombineerde SaaS-overhead komt neer op 500-2.000 USD/maand voordat je een regel code wijzigt, bovenop je Plus-abonnement. Zorg dat je het volledige maandelijks getal op papier hebt voordat je een bouwcontract ondertekent.

Totale 12-maands eigendomskost voor een mid-range Hydrogen-storefront (build + Shopify Plus + SaaS-stack + retainer) loopt doorgaans 80K-200K+ USD in jaar één.

Laag 4: Doorlopend engineering (de kost die bepaalt of headless het waard was)

Dit is de laag die de meeste headless pitches als optioneel behandelen. Het is niet.

In een op thema gebaseerde store kan je marketingteam lay-outs updaten, secties toevoegen en pagina's in de editor herschikken. In een headless store vereisen structurele wijzigingen een ontwikkelaar. Shopify werkt ook driemaandelijkse API-versie-updates door; in een headless store moeten API-wijzigingen, Storefront API-updates en Checkout Extensibility-wijzigingen door je devteam worden herzien en geïmplementeerd.

Het meest voorkomende operationele berouw van handelaren die headless zijn gegaan: een headless store zonder solide CMS betekent dat elke inhoudswijziging een developer deploy is.

Wat is net veranderd: de Hydrogen-rebuild van juni 2026

De grootste structurele verschuiving in headless Shopify pricing gebeurde op Vercel Ship 26 in New York op 30 juni 2026. Shopify en Vercel kondigden aan dat ze Hydrogen helemaal opnieuw bouwen om open source, framework-agnostisch en runtime-agnostisch te zijn, wat betekent dat het overal JavaScript kan draaien.

Shopify VP of Product Vanessa Lee beschreef de nieuwe benadering op het podium: het team kookte Hydrogen terug tot de onderdelen van commerce die werkelijk moeilijk zijn (analytics, optimistische winkelwagen UI, varianten) en maakten ze werken met elk framework.

De nieuwe Hydrogen is als volgt gestructureerd in drie lagen:

1. Core: Plain JavaScript Shopify API primitieven (winkelwagenelogica, producthelpers, geldformatering, Shop Pay, analytics) die werken met Next.js, React Router, SvelteKit, Astro, SolidStart of Nuxt.
2. Client: Framework-specifieke bindingen (React wordt vandaag verzonden; andere volgen).
3. Server: Full-stack serverhandlers voor SSR en streaming.

Dit betekent dat teams niet langer gedwongen worden React Router aan te nemen om Shopify-native commerce primitieven te krijgen. Het betekent ook lagere agentuurwisselingskosten: als je hostingprovider voorwaarden wijzigt, wordt het verplaatsen naar Cloudflare Workers of Netlify een configuratiewijziging, geen herschrijving. De nieuwe versie is momenteel in developer preview; openbare beta verwacht Q3 2026 met volledige GA tegen Q1 2027.

Commerce Components: de tier boven Plus

Voor merken die uit Shopify Plus groeien, is Commerce Components (CCS) Shopifys composable enterprise stack: 30+ voorgebouwde modulaire componenten (winkelwagen, checkout, betalingen, storefront API's, fulfillment, orderbeheer, B2B) die zeer grote detailhandelaren kunnen mengen en matchen met hun eigen tech stack.

CCS verwerkt 40.000 checkouts per minuut per store (tegen 15.000 voor Plus), wordt geleverd met 24/7 dedicated accountondersteuning en wordt geprijd op basis van gebruik in plaats van als vaste vergoeding. Totale eigendomskost over drie jaar loopt doorgaans in zevencijfers. Dit is geen tier die de meeste Shopify Plus-handelaren nodig hebben; tegen 2026 hebben Checkout Extensibility, Shopify Functions, native B2B en Hydrogens volwassenheid de meeste hiaten voor mid-market en lagere enterprise-detailhandelaren gesloten.

Headless versus Liquid: wanneer de wiskunde werkelijk uitkomt

De Sennheiser case study is de meest geciteerde reële getal: na migratie naar een headless Shopify-architectuur op Netlify rapporteerde het merk een 136,7% toename in e-commerce conversiesnelheid en 74,8% meer add-to-carts, met een globale lancering voltooid in 11 weken. Dat is een gedocumenteerde casestudy gepubliceerd door de implementatiepartner. Niet elk merk ziet deze nummers, maar het patroon van betere snelheid en UX die zich vertalen in meetbare conversieliften herhaalt op schaal wanneer de build correct is uitgevoerd.

Voor een praktijkkader om te bepalen of headless zelfs geschikt is voor je store voordat je naar prijzen kijkt, zie onze headless Shopify developer services pagina.

Praktisch advies voordat je iets ondertekent

• Haal drie offertes en ga ervan uit dat de werkelijke kosten 40% hoger zijn dan het laagste bod. Het laagste bod draagt vrijwel altijd verborgen scopeverminderingen mee.
• Vergrendel maandelijkse SaaS-stack kosten voordat je je aan de build verbindt. CMS, hosting, zoeken, analytics: zorg eerst dat je het volledige maandnummer op papier hebt.
• Budget voor post-launch onderhoud. 3K-8K USD/maand voor een growth-tier build. Headless storefronts onderhouden zichzelf niet.
• Plan de content iteratiewerkstroom. Wie doet content wijzigingen na lancering? Als het antwoord "de ontwikkelaar" is, zul je je retainer op copyedits verbranden.
• Eis SSR, niet CSR. Client-side-only rendering is een SEO-risico dat geen competent bureau in 2026 zou moeten implementeren. Zowel Hydrogen als Next.js ondersteunen server-side rendering; maak het een contractuele vereiste.
• Controleer gestructureerde gegevens. Native Shopify thema's genereren JSON-LD voor producten en collecties automatisch. In een headless build implementeer je dit zelf. Het is eenvoudig maar mag niet worden overgeslagen.

Voor hulp bij het controleren van de prestaties van een bestaande Liquid store voordat je beslist of headless gerechtvaardigd is, zie onze Shopify speed optimization service.