Headless commerce

Wat is headless commerce?

Headless commerce is een architectuur waarbij de storefront (de presentatielaag die klanten zien) is ontkoppeld van de commerce-backend (producten, prijzen, winkelwagen en bestellingen). De twee lagen communiceren met elkaar via API’s in plaats van te zijn gebundeld in één systeem. “Headless” betekent dat de backend draait zonder zijn eigen ingebouwde “hoofd” – de frontend wordt apart gebouwd en haalt gegevens op via de API.

Waarom is headless commerce belangrijk?

Met een op zichzelf staande frontend kunt u precies de ervaring bouwen die uw merk nodig heeft, zonder vast te zitten aan de standaardstructuur van een thema. Dit betekent vaak betere prestaties en flexibiliteit, en maakt het eenvoudiger om dezelfde inhoud naar web, app en andere kanalen te sturen vanuit één enkele backend. De afweging is een aanzienlijke toename van de technische complexiteit en ontwikkelingskosten, omdat u de frontend zelf moet bouwen en onderhouden.

Veelvoorkomende scenario’s

• Merken die een unieke, snelle storefront willen en daarvoor de ontwikkelaarscapaciteit hebben.
• Omnichannel-opstellingen waarbij web, mobiele app en fysieke winkel dezelfde productgegevens delen.
• Content-rijke sites gebouwd in een apart CMS, gelaagd bovenop de commerce-gegevens.
• Bedrijven die hun Core Web Vitals optimaliseren zonder de beperkingen van een thema.

Shopify-perspectief

In Shopify wordt headless doorgaans gebouwd met Hydrogen (Shopify’s React-framework) gehost op Oxygen, waarbij gegevens worden opgehaald via de Storefront API (GraphQL). Het klassieke Liquid-thema rendert de storefront dan niet meer. Let op: de checkout draait om veiligheids- en PCI-redenen nog steeds op de door Shopify gehoste checkout – u vervangt de frontend, niet de betalingsstroom.