Shopify Headless & Storefront API: Wat Echt Belangrijk Is voor Merchants
Storefront API 2026-04, Hydrogen op React Router, MCP-gestuurde AI-agenten en harde deprecatiedeadlines - dit moet je nu doen.
Headless Shopify is al jaren onderwerp van allerlei voorspellingen. In 2026 is het gesprek eindelijk gebaseerd op échte functies die verschepen, concrete deprecatiedeadlines en eerlijke adoptiecijfers. Dit is wat echt gebeurt en wat je eraan moet doen.
Waar de Storefront API nu staat
De nieuwste stabiele release van de Storefront API is 2026-04, met een release candidate 2026-07 die al in de documentatie zichtbaar is. Shopify geeft API-versies uit in elk kwartaal (januari, april, juli en oktober) en elke versie wordt ongeveer 12 maanden ondersteund voordat deze wordt afgeschaft. Als je je integratie aan 2025-01 hebt vastgezet en bent vergeten dit bij te werken, loopt de klok.
Twee recente wijzigingen op API-niveau zijn opmerkelijk:
- Vanaf versie 2025-10 accepteert de
@inContextdirective een optioneelvisitorConsentargument, waarmee je voorkeuren voor toestemming (analytics, marketing, gegevensverkoop) rechtstreeks in de winkelwagen-aanroep kunt coderen. Die toestemming wordt vervolgens automatisch in de resulterendecheckoutUrlingebouwd voor privacycompliance tijdens het afrekenen. - De
@deferdirective stelt clients nu in staat om deel van een GraphQL-query prioriteit te geven zonder extra aanvragen, met streaming zodat de eerste respons meteen niet-uitgestelde gegevens bevat. Voor productpagina's die snel laden met kritieke inhoud gecombineerd met tragere gepersonaliseerde blokken, is dit echt nuttig.
De Hydrogen-release van april 2026 introduceerde ook een breekverandering die het vermelden waard is: de Storefront API-proxy is nu altijd ingeschakeld, en de optie proxyStandardRoutes is verwijderd uit createRequestHandler. Als je aangepaste load context geen storefront-instantie bevat, zal de request handler nu een uitzondering gooien in plaats van stil een waarschuwing te geven.
Hydrogen in 2026: Hoe het framework er werkelijk uitziet
Hydrogen is Shopify's officiële React-gebaseerd framework voor headless storefronts. In 2026 draait het op React Router (voorheen Remix) en wordt geleverd met kant-en-klare commerce-componenten voor winkelwagen, productweergave, collectiepagina's, zoeken en filters, samen met directe integratie met de Storefront API en Admin API via ingebouwde data loaders.
Voor teams die een end-to-end oplossing willen, kan Hydrogen kosteloos worden gedeployed met Oxygen, Shopify's ingebouwde edge hosting. Die kostenstructuur is belangrijk. Een van de grootste historische bezwaren tegen headless was de overhead van infrastructuur - Oxygen verwijdert dit voor teams die in het Shopify-ecosysteem blijven.
Als je team diepgaande Next.js expertise heeft, blijft de zaak voor Next.js sterk, met name vanwege edge middleware en het brede ecosysteem van community packages. Het voordeel hiervan is dat je je echter volledig bezighoudt met de Storefront API integratie, en Shopify's Oxygen hosting is niet beschikbaar, dus je hebt Vercel of een vergelijkbaar edge platform nodig.
De Grootste Nieuwe Ontwikkeling: Headless Ontmoet AI-Agenten
Dit is de verschuiving die de berekening voor vooruitstrevende merken verandert.
Hydrogen-winkels op Oxygen ondersteunen nu Storefront MCP, waarmee je aangepaste AI-agenten rechtstreeks in je storefront kunt bouwen, klanten gepersonaliseerde aanbevelingen geeft, hun helpt hun winkelwagen in te vullen en hen door het afrekenen leidt, allemaal aangestuurd door real-time gegevens via de Storefront API.
Je headless storefront kan nu ook worden ontdekt door AI shopping tools zoals ChatGPT en Perplexity. Shopify Catalog maakt je producten toegankelijk voor klanten die AI-assistenten gebruiken, waardoor een volledig nieuw discovereykanaal voor agentic commerce wordt geopend.
Headless Shopify-winkels zijn structureel beter gepositioneerd voor dit landschap van agentic commerce dan Liquid-gebaseerde winkels, omdat API-first architectuur AI-agenten in staat stelt je productgegevens, prijsstelling en beschikbaarheid in real time te lezen. In maart 2026 activeerde Shopify agentic storefront integratie met ChatGPT.
Voor ontwikkelaars kunnen tools voor AI-codering zoals Cursor en Claude nu Dev MCP gebruiken om toegang te krijgen tot uitgebreide Hydrogen-documentatie, Storefront API-referenties en het Hydrogen Cookbook, wat snellere ontwikkeling en betere codesuggesties oplevert.
De GraphQL-consolidatie is voltooid, handel hiernaar
De belangrijkste structurele verschuiving van 2025-2026: Shopify verklaarde de REST Admin API als legacy in oktober 2024, en vanaf april 2025 moeten alle nieuwe publieke apps uitsluitend met de GraphQL Admin API worden gebouwd. Bestaande REST-integraties blijven werken, maar de richting is duidelijk.
De Storefront API is altijd alleen GraphQL geweest, en belangrijk, het heeft geen limiet voor aanvraagtellingen, wat het haalbaar maakt voor high-traffic storefronts. Als je nog steeds nieuwe Storefront-integraties bouwt met REST-aannames ingebakken, stop dan.
Een Harde Deadline Die Je Niet Kunt Missen
De Shopify Scripts-afschaffing creëert een hard stopteken op 30 juni 2026. Ongeacht of je headless gaat of op een Liquid theme blijft, merken die dit als een toekomstig probleem behandelen, zullen in de race zijn tijdens piekhandelingsperiodes. Het enige rationele plan is nu het audit en migratie naar Shopify Functions starten.
Wie Moet Echt Headless Gaan?
De adoptiecijfers geven een nuttige realiteitscheck. Volgens Shopify's eigen Commerce Trends Report van 2025 gebruikt minder dan 12% van de Shopify Plus merchants een volledig ontkoppelde headless architectuur, wat je vertelt dat dit pad niet standaard is zonder reden.
App-compatibiliteit is het meest onderschatte risico: 80%+ van Shopify-apps zijn gebouwd met behulp van de ScriptTag API, die JavaScript in Liquid-themes injecteert, een injectiepunt dat niet bestaat in een headless frontend. App-ontwikkelaars zijn bezig met migratie naar App Extensions en JS SDK's, maar vanaf 2026 bieden veel midden-tier apps in de Shopify App Store nog steeds geen headless-native integratiepad.
De kosten zijn ook 3 tot 5 keer hoger dan die van een traditionele bouw, app-compatibiliteit vereist actieve herengineering, en operationele afhankelijkheid van ontwikkelaars is permanent tenzij je investeert in een kwaliteits-headless CMS-laag.
Headless heeft sterke voordelen wanneer:
- Je omzet meer dan 3 miljoen euro bedraagt, je hebt een toegewijde ontwikkelaar, complexe designbehoeften of ambities voor multi-channel commerce.
- Je serveert inhoud naar meerdere surfaces - web storefront, native mobiele app, kiosk of voice assistant - vanuit dezelfde productcatalogus. Eén API, meerdere frontends. Merken die een Shopify-winkel naast een native iOS-app uitvoeren, kunnen winkelwagen logica, customer authentication en productgegevens delen zonder code duplicatie.
- Je redactionele team is uit de native contentmogelijkheden van Shopify gegroeid en heeft een best-in-class CMS nodig zoals Contentful, Sanity.io, Prismic of Storyblok, waarbij je op bouw- of aanvraagmoment uit zowel de CMS als de Storefront API haalt.
Als geen van deze van toepassing is, optimaliseer je huidige Liquid theme eerst - veel merken sluiten 70% van de prestatiesachterstand af tegen 10% van de kosten.
Je 2026 Headless Actielijst
Als je on headless bent of actief een migratie plant, dit is wat je vóór het einde van Q2 moet vaststellen:
- Pin naar Storefront API
2026-04en volg de release candidate 2026-07 voor aankomende wijzigingen. - Audit Shopify Scripts-gebruik en migreer naar Shopify Functions vóór de deadline van 30 juni 2026.
- Schakel Storefront MCP in op Oxygen als je agentic commerce-verkeer van ChatGPT en Perplexity wilt vastleggen.
- Implementeer
@inContext visitorConsentop winkelwagen mutations als je in regio's met strikte privacyreguleringen werkt (GDPR, CCPA). - Audit je app-stack voor headless-compatibiliteit vóór het vastleggen van een volledig ontkoppelde bouw - deze enkele stap voorkomt de meest voorkomende en duurste verassingen.
- Standaardiseer op een bewezen stack: Hydrogen of Next.js 15 met App Router voor de frontend; Oxygen of Vercel voor hosting; Sanity.io of Storyblok voor CMS; Algolia voor grote catalogi; en server-side tagging via Google Tag Manager om de nauwkeurigheid van analytics te behouden.
Headless op Shopify in 2026 is niet een marketingtrend, het is een specifieke architectuurkeuze met echte afwegingen. De Storefront API en Hydrogen toolchain zijn aanzienlijk volwassener geworden, de AI-agent integratie opent een echt nieuw inkomstenkanaal, en de deprecatiedeadlines zijn echt. Ken je beperkingen, maak een model van de werkelijke kosten en bouw om een specifiek probleem op te lossen.