Headless commerce

Headless commerce is een opzet waarbij de voorkant van je webshop, wat de bezoeker ziet, los staat van het e-commerceplatform erachter, dat producten, voorraad, de winkelmand en de checkout beheert. Beide praten met elkaar via een API.

Hoe headless werkt

In een klassieke Shopify-winkel maakt Shopify zelf de pagina's, met een thema in Liquid. In een headless opzet bouw je de voorkant apart, bijvoorbeeld in Next.js of met Shopify Hydrogen, en haal je de productdata op via de Storefront API van Shopify. Content komt vaak uit een apart CMS, zoals Sanity of Contentful. De checkout blijft meestal die van Shopify.

Composable commerce gaat nog een stap verder: elk onderdeel, zoals zoeken, content, reviews en betalingen, is een aparte dienst die je zelf kiest en koppelt.

Voordelen

Volledige vrijheid in design en interactie. Geen grenzen van een thema.

Content en commerce samen. Lange verhalen, lookbooks en producten in één ervaring, beheerd in een sterk CMS.

Eén voorkant voor meerdere systemen. Handig als je data uit Shopify, een PIM en een ERP samenbrengt.

Nadelen

Hogere bouw- en onderhoudskost. Je onderhoudt een eigen applicatie, hosting en deploys.

Minder plug-and-play. Veel Shopify-apps werken alleen in een Liquid-thema. Headless moet je ze zelf integreren.

Je marketingteam wordt afhankelijker van developers, tenzij het CMS goed is opgezet.

SEO vraagt extra zorg. Server-side rendering, sitemaps, canonicals en structured data regel je zelf.

Headless of Liquid?

Voor de meeste webshops is een goed gebouwd Liquid-thema sneller, goedkoper en makkelijker te beheren. Headless loont als content een groot deel van je merk is, als je meerdere systemen in één voorkant brengt, of als je ervaring echt niet in een thema past. Lees ook wat je CMS-keuze betekent voor SEO in WordPress vs Shopify vs headless.

Hoe 6th Man hiermee werkt

We bouwen beide: Liquid-thema's op maat en headless Shopify met Next.js en Sanity. Welke route past, beslissen we samen bij de start van je Shopify-webshop op maat, op basis van je team, je content en je budget.

Gerelateerde begrippen

CMS

API

Shopify Plus