Headless WooCommerce

Headless commerce betekent het scheiden van de frontend (de storefront die de klant ziet) van de backend (de WooCommerce admin, de productdatabase, de orders). Concreet: je webshop draait op een Next.js / Astro / Remix site gehost op Vercel of Cloudflare, die WooCommerce bevraagt via REST of GraphQL API. Je behoudt WC als backoffice (orders, producten, marketing), maar de klant navigeert op een moderne custom ervaring. Voordelen: maximale performance (LCP < 1 s mogelijk), volledige designvrijheid, dezelfde backend voor web + mobiele app + andere kanalen.

Vier typische gevallen: (1) je bent gefrustreerd door de performance van de klassieke WP storefront zelfs na optimalisatie en wilt LCP < 1 s; (2) je wilt een zeer specifiek design dat niet netjes haalbaar is via een Gutenberg thema; (3) je lanceert een native mobiele app (iOS / Android) en wilt één e-commerce backend voor web + apps; (4) je bent een DTC merk in hypergroei en wilt je differentiëren op klantervaring. Voor 80% van de WC webshops blijft de geoptimaliseerde klassieke storefront de beste keuze.

Complete build van een headless WooCommerce frontend met Next.js of Astro: reken vanaf 18 000 €, geleverd in 8-12 weken voor een standaard webshop. Voor complexe projecten (meertalig, multi-valuta, headless abonnementen, PWA): 35 000 tot 80 000 €. Gratis voorafgaande audit die de complexiteit becijfert volgens je catalogus, je doeldesign en je behoeften.

Drie hoofdkeuzes: (1) Next.js, de meest verspreide, uitstekende ISR (Incremental Static Regeneration) voor catalogi, volwassen React ecosysteem, optimale Vercel hosting; (2) Astro, de beste in pure performance (nul JS standaard), uitstekend voor webshops met weinig interactiviteit, Cloudflare of Netlify hosting; (3) Remix, uitstekend in SSR streaming, goede optie voor webshops met veel klantinteractiviteit. We adviseren je tijdens de scoping volgens je behoefte.

Twee aanpakken: (1) de native WC REST API (gratis, inbegrepen in WC), eenvoudig maar beperkt in queryflexibiliteit, meerdere requests nodig om een complexe pagina samen te stellen; (2) WPGraphQL + WooGraphQL (gratis plugins), een GraphQL endpoint waarmee je exact de nodige data in één request opvraagt, veel efficiënter voor moderne frontends. De offerte vermeldt de gekozen aanpak volgens je querybehoeften.

Ja, inbegrepen. Auth via WC cookies + JWT voor mobiele apps, persistente winkelwagen in localStorage met server-side sync, custom checkout met Stripe Elements (of andere gateway), post-checkout bevestiging via webhooks. De aankoopfunnel wordt volledig beheerst aan frontend kant terwijl WC gebruikt wordt voor orderbeheer, voorraad en fulfilment.

Ja, een van de interessantste cases. Dezelfde WC backend als je web, dezelfde catalogus, dezelfde klanten, dezelfde orders. Native mobiele app (Swift / Kotlin) of cross-platform (React Native / Flutter) die dezelfde API consumeert. Typische use case: DTC die een mobiele app lanceert voor trouwe klanten met push notificaties, terwijl het web voor acquisitie blijft. Specifieke offerte volgens de gekozen mobiele technologieën.

Variabel maar duidelijk voordeel voor headless. Een goed gebouwde Next.js site met ISR en Vercel hosting haalt typisch: LCP < 1 s op productpagina's (vs 2-3 s klassiek), INP < 50 ms, Lighthouse score 95-100. Vergeleken met een zelfs geoptimaliseerd WP thema (LCP 1,5-2 s, score 80-90) is dat een echt verschil. Op competitieve SEO vertalen deze winsten zich in posities en conversies.