Moet de winkelwagen aan de WordPress-kant of aan de clientkant worden bewaard?

Beide modi staan in de instellingen. De JWT-modus (standaard) is volledig stateless en ideaal voor deployments met meerdere instanties (Vercel edge). De servermodus steunt op de native WC_Session en maakt de integratie makkelijker met WooCommerce-extensies die op de winkelwagen inhaken.

Is WPGraphQL nodig om de starter te gebruiken?

Nee. De frontend communiceert via REST met WordPress. WPGraphQL wordt alleen ter informatie gedetecteerd in de diagnostiek: u kunt aan de frontkant een GraphQL-modus inschakelen als u het hebt geïnstalleerd.

Is de plugin compatibel met HPOS?

Ja, de plugin verklaart expliciet de compatibiliteit met High-Performance Order Storage en met de cart- en checkout-blokken van WooCommerce.

Kan ik dit op gedeelde hosting draaien?

De WordPress-plugin draait op elke hosting die WP ondersteunt. De Next.js starter heeft echter een Node.js-runtime nodig, dus Vercel, een Hetzner VPS, Netlify of elke server die Node 20 of hoger kan draaien. Gedeelde hosting is niet geschikt voor Next.js.

Hoeveel shops dekt één licentie?

Eén licentie van Headless Starter Kit dekt één WooCommerce-shop. U mag zoveel frontend-instanties uitrollen als nodig (preview, staging, productie) die naar diezelfde shop wijzen.

Mag ik de geleverde Next.js starter vrij aanpassen?

Ja, de geleverde code valt onder GPL v2 en mag vrij worden aangepast, uitgebreid en overal uitgerold, zonder beperking. Het is een vertrekpunt, geen kooi.

Headless Starter Kit WooCommerce: Next.js 15 frontend

Headless Kit voor WooCommerce: Ontkoppelde Frontend en API

Kant-en-klare Next.js 15 frontend voor WooCommerce: JWT-authenticatie, winkelwagen, checkout, ISR en deployment op Vercel of Hetzner met één commando.

Headless Starter Kit maakt van uw WooCommerce-shop in enkele minuten een headless commerce. De plugin stelt aan de WordPress-kant de nodige JWT- en REST-API's beschikbaar, en levert via directe download uit de beheeromgeving een volledig Next.js 15 project dat al is voorgeconfigureerd met uw URL's en secrets.

Next.js 15 WooCommerce 8+ HPOS-compatibel Klaar voor Vercel en Hetzner

30 dagen geld terug

12 maanden updates

Support binnen 24 uur

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Headless Kit voor WooCommerce: Ontkoppelde Frontend en API werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

Waarom overstappen op headless?

De frontend loskoppelen van de WordPress-backend levert prestatiewinst op (Core Web Vitals in het groen dankzij ISR), meer ontwerpvrijheid (Tailwind en moderne React-componenten) en meer veiligheid (uw backoffice blijft publiek onzichtbaar). Headless Starter Kit levert de kant-en-klare brug zonder dat u authenticatie, winkelwagen of checkout opnieuw hoeft te bouwen.

§ 02

JWT-authenticatie zonder afhankelijkheden

De plugin bevat een eigen HS256-implementatie: geen Composer nodig, geen externe bibliotheek en geen fork van simple-jwt-auth. Kortlevende access tokens (standaard 60 minuten) en langlevende refresh tokens (30 dagen), allemaal instelbaar. De refresh tokens worden aan de Next.js-kant bewaard in versleutelde httpOnly-cookies via iron-session.

§ 03

Winkelwagen: kies uw modus

JWT-modus (standaard): de volledige winkelwagen wordt geserialiseerd in een ondertekende token die via de header X-DFHSK-Cart wordt teruggegeven. Geen database betrokken, ideaal voor Vercel edge of meerdere instanties. Servermodus: de winkelwagen leeft in de native WC_Session. Onmisbaar als u WooCommerce-extensies gebruikt die op de winkelwagen inhaken (abonnementen, dynamische prijzen en dergelijke).

§ 04

Checkout: heel WooCommerce blijft bruikbaar

De plugin bouwt de checkout niet opnieuw. Zij maakt een echte WooCommerce-bestelling aan, voert alle gebruikelijke hooks uit (meldingen, voorraad, belastingen, betaalgateways) en geeft de doorverwijs-URL naar de gateway terug. Stripe, PayPal, Mollie, overschrijving: alles wat op WooCommerce werkt, werkt hier.

§ 05

ISR zonder hoofdbrekens

Bij elke wijziging van een product, een categorie, een pagina of een bestelling stuurt de plugin een ondertekende POST naar /api/revalidate van uw Next.js-frontend. In de instellingen bepaalt u welke gebeurtenissen worden doorgegeven en welke paden of tags opnieuw worden gevalideerd. Geen verouderde cache, geen cron, geen volledige rebuild.

§ 06

Next.js starter inbegrepen, klaar om uit te rollen

De geleverde ZIP bevat een volledig Next.js 15 project (App Router): home, overzicht, productpagina met ISR, winkelwagen, checkout, login, registratie en klantaccount. De omgevingsvariabelen zijn al ingevuld met uw WordPress-URL's en secrets. Deployment op Vercel zonder configuratie of op Hetzner via docker-compose en een bash-script.

§ 07

Ingebouwde diagnostiek

Tabblad Diagnostiek in de WordPress-beheeromgeving: 11 automatische controles (WooCommerce actief, nette permalinks, REST bereikbaar, HTTPS, GraphQL gedetecteerd, JWT-secret ingesteld, frontend-URL geconfigureerd, geldige CORS-origins, revalidatietoken, WooCommerce REST-sleutels, winkelwagenmodus). Groen, oranje of rood, zodat u meteen ziet wat blokkeert.

Headless Kit voor WooCommerce: Ontkoppelde Frontend en API

De korte versie.

Zelfstandige JWT-authenticatie

Winkelwagen stateless of op de server

WooCommerce-checkout blijft intact

ISR op aanvraag

Deployment met één commando

Next.js starter in de ZIP