Wat headless betekent
Normaal levert je webshopplatform twee dingen tegelijk: het regelt bestellingen en voorraad, én het tekent de pagina’s die de klant ziet. Bij headless haal je die twee uit elkaar.
De achterkant blijft doen waar hij goed in is: producten, orders, betalingen, voorraad. De voorkant wordt een aparte applicatie die de gegevens ophaalt en zelf bepaalt hoe alles eruitziet en hoe snel het laadt.
Wat het oplevert
Snelheid is de meest tastbare winst. Een losse frontend kan pagina’s vooraf klaarzetten en alleen het variabele deel live ophalen, waardoor je in een klasse komt die een klassiek platform zelden haalt.
Daarnaast krijg je vrijheid in vormgeving en interactie, want je zit niet meer vast aan wat je thema toelaat. En je kunt meerdere kanalen op dezelfde achterkant zetten: een webshop, een app en een dealerportaal die allemaal dezelfde producten en prijzen gebruiken.
Wat het kost
Meer dan een gewone webshop, en dat is de eerlijke samenvatting. Je bouwt in feite twee systemen die met elkaar praten, en dat is duurder in bouw en in onderhoud.
Je hebt ook ander onderhoud nodig. Een thema-update is iets anders dan een frontend die zijn eigen dependencies bijhoudt. Reken op een partij die dat structureel doet, niet op een eenmalig project.
Wanneer het loont
Bij drie situaties. Als snelheid direct je omzet raakt en je met een klassiek platform tegen een plafond loopt. Als je meerdere kanalen op dezelfde data wilt zetten. En als je vormgeving of interactie nodig hebt die je thema simpelweg niet toelaat.
Herken je jezelf in geen van die drie, dan is headless waarschijnlijk een dure oplossing voor een probleem dat je niet hebt. Dan levert een goed geoptimaliseerd klassiek platform meer op per bestede euro.
Wanneer het niet loont
Bij een shop met een paar honderd producten, één verkoopkanaal en een team dat zelf pagina’s wil aanpassen. Dat laatste is de meest onderschatte kant: bij headless is een pagina aanpassen niet altijd meer iets wat je marketeer even zelf doet.
We zien geregeld dat een bedrijf headless kiest om de snelheid, terwijl het echte snelheidsprobleem in ongeoptimaliseerde afbeeldingen en te veel scripts zat. Dat is aanzienlijk goedkoper op te lossen.
De tussenweg
Je hoeft niet alles in één keer om te bouwen. Je kunt beginnen met alleen je productpagina’s of je categoriepagina’s als losse frontend, terwijl de rest blijft draaien zoals het is.
Dat beperkt het risico en je meet meteen of de snelheidswinst zich vertaalt in omzet. Als dat zo is, breid je uit. Zo niet, dan heb je niet je hele winkel verbouwd voor een aanname.
Hoe wij het doen
We bouwen frontends in Next.js en React op bestaande achterkanten zoals WooCommerce, Shopify en Magento, en we koppelen ze door naar het ERP als dat er is.
We beginnen bijna altijd met de vraag of het echt nodig is. In de helft van de gevallen adviseren we eerst de bestaande shop te optimaliseren, omdat dat sneller resultaat geeft voor minder geld.
Veelgestelde vragen
Is headless sneller dan WooCommerce of Magento?
Ja, meestal wel, omdat je pagina’s vooraf kunt klaarzetten. Maar een goed geoptimaliseerde klassieke shop komt vaak dichterbij dan mensen denken. Meet eerst waar je nu staat voordat je op snelheid alleen overstapt.
Kan ik mijn huidige webshop headless maken?
Vaak wel. Je houdt je bestaande platform als achterkant en bouwt er een nieuwe voorkant op. Dat betekent dat je bestellingen, voorraad en koppelingen kunt laten staan.
Wat kost een headless traject?
Duidelijk meer dan een gewone webshop, met een startpunt dat afhangt van het aantal paginatypes en koppelingen. We begroten per fase, zodat je na de eerste fase kunt beslissen of je doorgaat.
Kunnen mijn mensen dan nog zelf pagina’s aanpassen?
Alleen als je dat expliciet inbouwt, bijvoorbeeld met een CMS achter de frontend. Doe je dat niet, dan wordt elke tekstwijziging werk voor een ontwikkelaar. Dat is een keuze die je vooraf moet maken.