← Alle berichten Shopify's Agent-First Platform en Hydrogen op elk stack: wat ontwikkelaars moeten weten

Shopify's Agent-First Platform en Hydrogen op elk stack: wat ontwikkelaars moeten weten

Shopify Spring '26 Edition herbouwde het developer platform rond AI-agents, maakte Hydrogen framework-agnostisch, en opende UCP voor elke ontwikkelaar

Shopify's Spring '26 Edition, gelanceerd op 17 juni 2026, is geen incrementele feature update. Het is een fundamentele herbouw van het gehele developer platform rond de aanname dat de entiteit die op Shopify bouwt steeds vaker een AI-agent is, niet een mens achter het toetsenbord. De twee hoofdveranderingen zijn concreet: Hydrogen is nu framework-agnostisch (early developer preview, in samenwerking met Vercel), en het Universal Commerce Protocol (UCP) is self-service voor elke ontwikkelaar zonder enige goedkeuringsvereiste.

Belangrijkste inzichten

  • Hydrogen op elk stack is sinds 17 juni 2026 in early developer preview. Commerce logica verhuist uit React Router naar een framework-agnostische kern, dus Next.js, TanStack en anderen kunnen dit gebruiken. Behandel het nog niet als production-ready.
  • UCP is nu self-service. Elke ontwikkelaar registreert een agent profiel in de Developer Dashboard en roept direct het openbare MCP eindpunt aan. Geen aanvraag nodig.
  • Static Apps en de App Events API zijn algemeen beschikbaar (GA). Static Apps implementeren een werkende Shopify app zonder enige server. De App Events API en Shopify App Pricing bereikten GA op 12 mei 2026.
  • Shopify CLI 4.0 is uitgebracht op 21 mei 2026 met semantische versiebeheer en automatische minor/patch upgrades.
  • De AI Toolkit is GA en verbindt Cursor, Claude Code, Codex, Gemini CLI en VS Code rechtstreeks met Shopify's live schemas.

Wat "agent-first" werkelijk betekent voor het platform

De framing die Shopify hanteert is direct. In Winter '26 (10 december 2025) begon het bedrijf het dev platform voor AI opnieuw op te bouwen. Spring '26 opent de deuren volledig. De agentic commerce infrastructuur is nu self-service voor elke ontwikkelaar, en de onderliggende infrastructuur van elke app is herbouwd voor productie schaal.

In de praktijk heeft de verschuiving drie lagen:

  1. AI als de bouwer. De Dev MCP Server (die Cursor, Claude Code en de dev assistent op shopify.dev aandrijft) werd in Winter '26 uitgebreid om het volledige platform te bestrijken. In Spring '26 gebruiken Dev MCP reacties nu minder tokens terwijl de nauwkeurigheid behouden blijft, en bulk Admin API queries draaien tot vier keer sneller. Het idee, zoals Shopify VP Eytan Seidman het stelde, is "de latentie tussen het hebben van een idee en het krijgen van gevalideerde, werkende code elimineren."
  1. AI als de winkelier. Shopify activeerde Agentic Storefronts voor alle in aanmerking komende Amerikaanse winkeliers op 24 maart 2026, wat betekent dat elke in aanmerking komende winkel standaard een agent-leesbaar eindpunt is. De Storefront Catalog MCP server begon op 22 april 2026 met het implementeren van UCP. Door AI bemiddelde bestellingen zijn naar verluidt 11x gestegen jaar-over-jaar, en door AI gedreven verkeer is met 393% gestegen (beide cijfers zijn door Shopify gerapporteerd, niet onafhankelijk geverifieerd).
  1. AI als de app monetisatielaag. De App Events API laat ontwikkelaars factureerbare events naar één eindpunt sturen en Shopify meet deze, berekent kosten en geeft duidelijke regelposten automatisch weer op de factuur van de winkelier. Dit vervangt zowel Managed Pricing als de verouderde Billing API.

Hydrogen op elk stack: wat wordt werkelijk uitgebracht

Dit is de meest besproken verandering, dus de readiness status is belangrijker dan de aankondiging.

De bestaande, production-stabiele versie van Hydrogen is gedocumenteerd op shopify.dev/docs/api/hydrogen/latest als versie 2026-04. Het is Shopify's opiniegebonden React Router-gebaseerde stack, gekoppeld aan de Storefront API en Customer Account API via calver versiebeheer (API versies worden elke drie maanden bijgewerkt, dus breaking changes kunnen driemaandelijks voorkomen).

De nieuwe Hydrogen, aangekondigd in Spring '26, is iets heel anders. Shopify beschrijft het als "agent-first en volledig herbouwd, in samenwerking met Vercel." De sleutelverandering: commerce logica verhuist uit React Router naar een framework-agnostische kern, bruikbaar vanuit elk JavaScript framework, inclusief Next.js. Ingebouwde agent skills laten coding agents het framework gebruiken om een storefront in te stellen zonder handmatige setup.

Het kritieke voorbehoud: deze nieuwe architectuur is alleen early developer preview. Er is geen gepubliceerde stabiele versienummer, en de API kan veranderen vóór GA. Het is de juiste zaak om vandaag tegen te prototyperen. Het is niet de juiste basis voor een production migratie op dag één.

Voor teams die momenteel op een headless Next.js storefront actief zijn, is de praktische uitlezing van Shopify's eigen documentatie dat de Storefront API altijd framework-agnostisch is geweest. De Spring '26 aankondiging voegt first-class scaffolding, agent skills en expliciete Vercel co-development toe aan dat beeld. Het stabiele pad voor Next.js storefronts blijft de Storefront API direct. Het agent-scaffolded pad is alleen preview.

Één realistisch gegevenspunt over alternatieve stacks: een production Hydrogen migratiegeval gepubliceerd op 2 mei 2026 voor een Pools e-commerce merk gebruikte TanStack Start op Vite voor SSR, Cloudflare Workers voor edge rendering (geen Node.js server) en Rust-naar-WASM Shopify Functions voor delivery customization. Cold-page renders kwamen naar verluidt goed onder de 100ms wereldwijd. Dit is het soort build dat de nieuwe framework-agnostische Hydrogen native moet ondersteunen zodra het preview verlaat.

UCP self-serve: de grotere hefboom dan Hydrogen

De meeste berichtgeving begint met Hydrogen. De meer strategisch significante verandering is de verwijdering van de UCP goedkeuringsvereiste.

Tot Spring '26 vereiste bouwen op Shopify's agentic commerce laag goedkeuring. Die vereiste is weg. Elke ontwikkelaar registreert nu een agent profiel in de Developer Dashboard en roept het openbare MCP eindpunt aan. Van daar kunnen ze de volledige stroom bouwen: productzoeken via Catalog API, winkelwagen constructie via de Universal Cart API (die items van elke winkelier kan bevatten, op of buiten Shopify) en checkout handoff.

UCP zelf is een open standaard co-ontwikkeld met Google en ondersteund door Amazon, Meta, Microsoft, Salesforce, Stripe, Etsy, Target en Wayfair. Het ondersteunt REST, GraphQL, JSON-RPC, A2A en MCP transporten. Het trust tier systeem is hier van belang: hogere trust tiers ontgrendelen bredere toegang, inclusief directe checkout voltooiing voor vertrouwde agents. Agents die hun requests niet ondertekenen krijgen de meest strikte rate-limit tier, wat betekent dat niet-ondertekende agent code zwijgend faalt om uw producten in AI-bemiddelde funnels aan het oppervlak te brengen.

De Catalog REST API is verouderd. De canonieke interface is nu de Global Catalog MCP met search_catalog, lookup_catalog en get_product tools. Deze ondersteunen afbeelding zoeken, multi-modale queries en bulk lookup van tot 50 producten per request.

Voor ontwikkelaars die shopping experiences bouwen: Shopify meldt dat AI zoekopdrachten aangedreven door Catalog twee keer zo hoog converteren als gescraped data (door leverancier gerapporteerd; valideer tegen uw eigen workloads).

Wat is GA, wat is preview, en wat eerst aannemen

De enkel nuttigste discipline wanneer een platform 150+ updates in één editie uitbrengt is het scheiden van beschikbare van aangekondigd. Hier is de readiness kaart voor de developer-facing veranderingen:

Algemeen beschikbaar, nu veilig om op te bouwen:

  • Shopify AI Toolkit (plugin voor Cursor, Claude Code, Codex, Gemini CLI, VS Code)
  • Static Apps (server-vrije app hosting met App Bridge en Polaris auto-injected)
  • App Events API en Shopify App Pricing (bereikten GA op 12 mei 2026)
  • UCP en Catalog (Global Catalog MCP met volledige agentic flow)
  • Shopify CLI 4.0 (semantisch versiebeheer, uitgebracht op 21 mei 2026)
  • OAuth 2.0 vervallende tokens voor openbare apps (verplicht, niet optioneel)
  • Web vitals monitoring in Dev Dashboard (LCP, INP, CLS, toegevoegd op 11 juni 2026)

Developer preview, prototype maar verankering production niet:

  • Nieuwe framework-agnostische Hydrogen kern
  • Next Gen Events (veld-niveau webhook triggers, aangepaste GraphQL payloads, configuratie als code in shopify.app.toml)
  • Checkout MCP voor vertrouwde agents (directe checkout voltooiing zonder menselijke review)
  • Promoted Placements in Catalog

Binnenkort komend, nog niet in docs als GA:

  • Gepersonaliseerde Catalog resultaten via koper-gekoppelde Shop tokens

De pragmatische adoptievolgorde: installeer eerst de AI Toolkit plugin (het wordt automatisch bijgewerkt wanneer Shopify nieuwe API versies uitbrengt, houdt uw agent gesynchroniseerd met live schemas), verplaats de CLI naar 4.0 en migreer OAuth flows naar vervallende tokens omdat dat verplicht is voor openbare apps. Evalueer dan Static Apps en App Pricing voor nieuw serverless builds. Registreer een UCP agent profiel als agentic commerce op uw roadmap staat. Houd de nieuwe Hydrogen op een apart evaluatiespoor.

De Sidekick App Extensions hoek: 15+ partner apps nu aangesloten

Aan de winkelier-kant startte Sidekick App Extensions bij Spring '26 met meer dan vijftien partners inclusief Klaviyo, Loop, Smile, Judge.me, Matrixify en Yotpo. Third-party apps kunnen nu data en acties blootstellen in Sidekick, wat betekent dat een agent vragen kan beantwoorden over en kan handelen binnen partner apps zonder het winkelier admin gesprek te verlaten. Dit is belangrijk voor ontwikkelaars die apps bouwen: Sidekick App Extensions zijn nu een distributieoppervlak, niet alleen een integratie API.

De rode draad

Het patroon in elke verandering in deze editie is hetzelfde: Shopify verplaatst infrastructuur van de schouders van de ontwikkelaar naar het platform. Hosting verhuist naar Static Apps, billing verhuist naar App Pricing, scaffolding verhuist naar agent skills en storefront architectuur beweegt naar een framework-agnostische kern waarop agents direct kunnen bouwen.

Voor ontwikkelaars die nadenken over waar ze tijd in moeten investeren in de tweede helft van 2026: de GA stukken zijn vandaag bruikbaar. De preview stukken zijn het waard om nu te prototyperen zodat u niet van nul af aan begint wanneer ze GA raken. En als u een headless build of aangepaste storefront architectuur evalueert, begint het Shopify headless storefront werk dat ik hier doe met readiness status, niet feature aankondigingen.

Hulp nodig bij het sequencen van een Hydrogen migratie of het aansluiten van UCP voor een agentic commerce build? Controleer mijn Shopify developer services voor wat ik van uw bord kan halen.

shopifyhydrogenagentic commercedeveloper platformucpheadless

Veelgestelde vragen

Is de nieuwe framework-agnostische Hydrogen klaar voor production storefronts?

Nee. Vanaf de lancering van de Spring '26 Edition op 17 juni 2026 is de nieuwe framework-agnostische Hydrogen expliciet early developer preview zonder gepubliceerde stabiele versienummer. De huidige production-stabiele versie is Hydrogen 2026-04, gebouwd op React Router. Prototype de nieuwe architectuur nu maar migreer geen live storefront ernaar totdat Shopify het naar GA promoveert.

Wat is UCP en hoe krijgt een ontwikkelaar nu toegang ertoe?

Het Universal Commerce Protocol (UCP) is de open standaard die Shopify co-ontwikkelde met Google voor hoe AI agents met winkeliers transacteren, van ontdekking tot checkout. Vanaf Spring '26 kan elke ontwikkelaar er toegang toe krijgen door een agent profiel in de Shopify Developer Dashboard in te schrijven en het openbare MCP eindpunt direct aan te roepen. Geen goedkeuring of aanvraag vereist.

Wat is het verschil tussen de Dev MCP Server en de Storefront MCP Server?

De Dev MCP Server is het AI Toolkit onderdeel dat uw editor (Cursor, Claude Code, VS Code, enz.) verbindt met Shopify's developer documentatie en live schemas om u te helpen apps en storefronts te bouwen. De Storefront MCP Server is een runtime onderdeel dat uw agent gebruikt om verbinding te maken met de catalog, winkelwagen en beleid van een specifieke winkel om shoppers te helpen bladeren en kopen. Ze dienen verschillende doelgroepen: één is voor ontwikkelaars die bouwen, de ander is voor agents die shoppers serveren.