Headless Shopify Pricing: Echte kosten van €9K tot €270K

Headless Shopify pricing is niet één getal, het is een stapel beslissingen, elk met eigen kosten. Het eerlijke bereik in 2026 loopt van ruwweg €9K voor een minimale Hydrogen build met één freelancer tot €270K+ voor een full-scale composable commerce project met een senior agencyteam. Hosting kan gratis zijn (Oxygen is inbegrepen bij elk betaald Shopify plan behalve Starter), maar de build, de CMS en de doorlopende engineering zijn waar budgetten geruisloos groeien.

Als je probeert uit te vinden of headless het waard is voor jouw winkel, het decision framework staat hier. Dit artikel richt zich uitsluitend op de getallen: wat alles kost, waar verborgen posten verschijnen, en hoe de totale 12-maands eigendomskosten er werkelijk uitzien.

Belangrijkste punten

• Buildkosten: €9K tot €270K+ afhankelijk van scope, agencytier en stackkeuze
• Shopify plan: Meeste production headless stores draaien op Shopify Plus op ongeveer €2.100/maand, wat hogere API-limieten, Checkout Extensibility en Shopify Functions oplevert
• Hosting is grotendeels gratis: Oxygen (Shopify's eigen CDN-hosting) is gratis inbegrepen bij alle betaalde plans. Vercel kost €18 tot €1.350/maand als je dat kiest
• Verborgen doorlopende kosten: CMS-licenties, developer retainer (€1.800 tot €7.200/maand), zoektools (Algolia) en driemaandelijkse API-upgrade sprints
• ROI-drempel: Mid-market merken (€4.5M tot €18M omzet) bereiken meestal terugverdientijd in 12-18 maanden. Onder €4.5M retourneert het optimaliseren van je Liquid store bijna altijd meer
• Groot nieuws juni 2026: Shopify en Vercel kondigden een vernieuwde, framework-agnostische Hydrogen aan op Vercel Ship 26 in New York, momenteel in developer preview

Waar je eigenlijk voor betaalt

De meeste headless pricing guides citeren de build en slaan alles anders over. Hier zien de volledige kostenmodellen eruit, verdeeld in vier categorieën.

1. Het Shopify plan

De Storefront API is technisch beschikbaar op elk Shopify plan. In de praktijk draait bijna elke production headless build op Shopify Plus op ongeveer €2.100/maand. De redenen zijn concreet: hogere API-oproeplimieten, toegang tot Checkout UI Extensions, Shopify Functions en de mogelijkheid om multi-market storefronts schoon uit te voeren. Standaard plans (€35 tot €360/maand) kunnen werken voor kleinere merken, maar API-tarieflimieten worden een echt knelpunt tijdens high-traffic events zoals flash sales.

Als je jaarlijks betaalt, biedt Shopify een korting van 25% op zijn Basic, Grow en Advanced plans, maar Plus wordt afzonderlijk onderhandeld.

2. De buildkosten

Dit is de grootste post en degene met het breedste bereik.

Een goed gebouwd Shopify Plus thema kost ter vergelijking ruwweg €27K tot €54K. De 2x tot 3x kostenpremie voor headless is echt, en elke agency die je iets anders vertelt, is niet eerlijk tegen je.

Een nuttig gegeven uit de Sennheiser migratie: na over te stappen naar een headless Shopify-architectuur op Netlify rapporteerde het merk een 136,7% stijging in e-commerce conversiepercentage en 74,8% meer add-to-carts, met een globale lancering voltooid in 11 weken. Dat is een gedocumenteerde casestudy, geen vendorbenchmark. Niet elk merk zal die getallen zien, maar het patroon dat betere snelheid en UX naar conversielifts leiden herhaalt zich op schaal wanneer de build goed wordt uitgevoerd.

3. Hosting

Dit is waar het recente nieuws het beeld verandert.

• Oxygen (Shopify's native hosting): Gratis op alle betaalde plans behalve Starter. Onbeperkte bandbreedte, autoscaling, global edge deployment. Dit is de standaard voor Hydrogen builds.
• Vercel: Op 30 juni 2026 maakte Shopify officieel bekend dat Hydrogen nu in één klik naar Vercel implementeert. Een nieuwe Deploy knop scaffolds een werkend Next.js + Hydrogen storefront met de Storefront API client, cart en product/collection pages al bekabeld. Vercel pricing loopt ongeveer €18 tot €450/maand voor de meeste stores en €360 tot €1.350/maand voor high-traffic builds.
• Cloudflare Pages, AWS, zelf-gehosted Node: Haalbaar voor teams met bestaande infrastructuurvoorkeur, maar voegt DevOps-overhead toe.

Het praktische punt: hosting was nooit het dure deel van headless gaan. De Vercel one-click deploy verlaagt fricties om te starten, niet de kosten om te bouwen en onderhouden.

4. De SaaS stack erop

Dit is wat meeste proposals overslaan, en het is waar doorlopende kosten samengesteld worden.

• Headless CMS (Sanity, Contentful, Storyblok): €0 tot €1.350/maand afhankelijk van plan en gebruik. De meeste mid-market merken landen op een Pro tier rond €90 tot €270/maand. Sanity's Growth plan kost €13,50/maand per seat. Storyblok betaalde plans beginnen op €90/maand.
• Search (Algolia): €0 tot €450+/maand afhankelijk van zoekvolume. Kleinere catalogi kunnen op gratis tier blijven. Grote-volume stores betalen meer.
• Analytics, personalisatie, A/B testing: Add-ons variëren per vendor, meestal €45 tot €450/maand elk.
• Totale SaaS stack buiten Shopify Plus: Reken op €450 tot €1.800/maand extra doorlopende kosten voordat één regel code wordt veranderd.

Doorlopende engineering: de kosten die iedereen onderschat

Een headless store vereist developer involvement voor structurele veranderingen die een theme-based store in de Shopify editor afhandelt. Jouw marketing team kan een banner niet verplaatsen of een homepage sectie toevoegen zonder code deployment.

Typische doorlopende kosten:

• Developer retainer: €1.800 tot €7.200/maand afhankelijk van scope en agency
• API upgrade sprints: Shopify deprecates API-versies op een rolling 12-maands cyclus. Budget minimaal één sprint per kwartaal voor API-versie upgrades, afhankelijkheid updates en performance monitoring.
• App compatibility werk: Veel Shopify apps injecteren via Liquid en zijn niet headless-compatible out-of-the-box. Als meer dan 30% van je kritieke apps geen headless API-pad hebben, reken op aanzienlijke custom development om die functionaliteit te repliceren.

Totale 12-maands eigendomskosten voor een mid-range Hydrogen storefront (build + Shopify Plus + SaaS stack + retainer) draaien meestal €72K tot €180K+ in jaar een.

De juni 2026 verandering die ertoe doet: Hydrogen wordt framework-agnostisch

De grootste structurele verschuiving in headless Shopify pricing gebeurde zojuist. Op Vercel Ship 26 in New York op 30 juni 2026 kondigden Shopify en Vercel aan dat zij Hydrogen helemaal opnieuw opbouwen om framework-agnostisch en runtime-agnostisch te zijn, wat betekent dat het overal waar JavaScript loopt kan draaien. Je kunt nu bouwen met Svelte, Nuxt, Next.js of je eigen custom framework meebrengen.

De vernieuwde Hydrogen is gepositioneerd als een commerce toolkit, niet een framework: een kernlaag van Shopify storefront primitives (cart logic, product helpers, money formatting, Shop Pay, analytics), dunne bindings voor welk framework je ook gebruikt, en agent skills die coding assistants helpen de stack correct te bekabelen. De nieuwe versie is momenteel in developer preview. Een openbare beta wordt verwacht in Q3 2026.

Waarom beïnvloedt dit de pricing? Om twee redenen:

1. Lagere agency switching costs. Teams hoeven React Router niet meer aan te nemen om Shopify-native commerce primitives te krijgen. Als je agency al op Next.js of Nuxt zit, kunnen ze nu officiële Shopify tooling gebruiken zonder framework migratie. Dat verlaagt buildramingen voor teams met bestaande expertise.
2. Gereduceerd long-term lock-in risk. Een van de verborgen kosten van oude Hydrogen was het risico van een volledige herschrijving als je framework keuze afweek. Een draagbare SDK verkleint dat risico.

Opmerking: de nieuwe framework-agnostische Hydrogen is developer preview, niet GA. De huidige Hydrogen (React Router-gebaseerd) blijft volledig ondersteund en is wat production stores moeten blijven bouwen totdat de nieuwe versie stabiliteit bereikt.

Wie zou eigenlijk voor headless Shopify moeten betalen

Het eerlijke antwoord is een minderheid van Shopify merchants. De wiskunde werkt duidelijk in specifieke situaties:

Ga headless als:

• Je jaarlijkse omzet €4.5M tot €9M overschrijdt en conversiepercentage verbeteringen vertalen rechtstreeks naar honderdduizenden in extra omzet
• Je huidige Liquid store heeft een LCP (Largest Contentful Paint) boven 3,5 seconden en thema-level optimalisatie heeft een plafond bereikt
• Je voert multi-brand of multi-region storefronts uit waarvoor een unified frontend met afzonderlijke backends nodig is
• Je hebt een content-heavy site waar redactionele flexibiliteit en commerce gelijk bellen
• Je hebt een dedicated developer op retainer of een in-house engineering team

Blijf op Liquid als:

• Omzet onder €4.5M ligt
• Je huidige Lighthouse mobile score is boven 70 (de meeste performance gap kan voor een fractie van de kosten dicht worden gegooid via Shopify speed optimization)
• Je marketing team self-service content editing nodig heeft zonder developer
• Je roadmap geen custom interactivity, configurators of diepe third-party system integraties vereist

Zoals één agency benchmark aantoont, merken die van een opgeblazen Liquid theme met 15 of meer apps naar een goed gebouwde Hydrogen storefront overstappen zien doorgaans 40-60% verbeteringen in page load time en Lighthouse mobile scores springen van onder 50 naar 90+. Maar voordat je je op een volledige build vastlegt, je huidige theme eerst optimaliseren is bijna altijd de juiste eerste stap: veel merken sluiten 70% van de performance gap op ruwweg 10% van de headless kosten.

De volledige headless Shopify kostentabel

Een opmerking over AI-assisted development en kostenverlaging

Één factor die actief de buildkosten naar beneden verschuift: AI coding tools. Tools als Cursor, Claude Code en Gemini CLI, gecombineerd met Shopify's officiële AI Toolkit en de nieuwe Hydrogen agent skills, comprimeren development time op Hydrogen storefronts. Een build die twee jaar geleden zes maanden senior developer time vereiste kan nu in zes tot acht weken afsluiten met een gedisciplineerd team dat deze tools gebruikt. De compressie is echt, maar het betekent ook dat de markt voor headless builds competitiever wordt. Budget dienovereenkomstig, en vraag elke agency hoe hun AI-assisted development workflow er uitziet.

Als je een developer nodig hebt die al met deze stack werkt, geeft de Shopify developer services pagina aan hoe je het juiste team voor een headless project evalueert en betrekt.