Een snellere webshop, en de omzet volgde.
Wintersport Uitverkoop uit Ede ruilde een traag WordPress-thema in voor een headless webshop op Next.js. De omzet groeide in de eerste maanden met 540 procent.
- Klant
- Wintersport Uitverkoop, wintersportwinkel
- Locatie
- Ede, Gelderland
- Geleverd
- Headless webshop op meerdere domeinen
- Looptijd
- 6 maanden, 5 talen live
Wat het opleverde
Een shop die direct laadt, advertenties die weer mogen draaien en een omzet die in de eerste maanden ruim zes keer zo hoog werd. Op een basis die meegroeit naar nieuwe landen.
Klanten wachten niet meer
Waar een pagina eerst tot tien seconden nodig had, staat de grootste afbeelding nu na 0,8 seconde in beeld. Wie een board zoekt, klikt door in plaats van weg.
99Lighthouse prestaties op de live shop
Meer bestellingen die afgerond worden
Snellere pagina’s, een winkelwagen zonder herladen en PayPal Express bij het afrekenen. Vooral Duitse klanten ronden nu vaker hun bestelling af.
+540%
omzetgroei in de eerste maanden na livegang
Klaar voor nieuwe landen
Een nieuwe taal of een nieuw domein toevoegen vraagt geen nieuwe webshop. Dezelfde basis bedient Nederland, Duitsland en Oostenrijk, en kan door naar meer.
5
talen live, met een plan om door te groeien naar 15 of meer
Lighthouse op de live omgeving: First Contentful Paint 0,3 s, Largest Contentful Paint 0,8 s, Total Blocking Time 0 ms en Cumulative Layout Shift 0,005. De omzetgroei van 540 procent gaat over de eerste maanden na de overstap naar de headless shop.
De vraag
Een trage shop die Google Ads kostte.
De oude shop was gebouwd in Divi, een zwaar WordPress-thema. Met duizenden productvarianten in meerdere talen en een flinke stapel plugins liep de laadtijd op tot soms tien seconden per pagina.
Dat raakte direct de omzet. Het Google Ads-account werd telkens geblokkeerd, waarna de hele opzet opnieuw moest. Google gaf nooit precies aan wat er mis was, alleen dat het ergens niet in orde zat. We hebben de oude site op alle manieren proberen te versnellen en zelfs externe partijen laten meekijken. Het hielp niet.
De basis moest dus opnieuw. We hielden WooCommerce als achterkant en bouwden er een losse voorkant in Next.js tegenaan. Dat heet headless: Divi en overbodige plugins eruit, en de voorkant praat alleen nog met WooCommerce als dat echt nodig is.
Was
Nu
Was: Tot tien seconden laadtijd per pagina
Pagina’s die direct laden
Was: Google Ads telkens geblokkeerd
Advertenties blijven live
Was: Divi met een flinke stapel plugins
Headless en schoon
Na de livegang kwam het antwoord van Google zelf: “we hebben voldoende bewijs gevonden dat uw winkel klanten een hoogwaardige winkelervaring biedt.” Het Merchant Center-account werd hersteld en de advertenties konden weer aan.
De aanpak
Een nieuwe voorkant, het vertrouwde beheer.
Drie ingrepen: de snelheid, de weg van product naar betaling en het beheer erachter. De meertalige opzet krijgt verderop een eigen hoofdstuk.
01 Snelheid
Productdata die snel binnenkomt
Prijzen, varianten en voorraad komen via GraphQL uit WooCommerce. Pagina’s staan vooraf gebouwd op Vercel, dus de shop blijft snel en stabiel, ook met een grote catalogus.
- GraphQL in plaats van losse API-callsMinder overhead, sneller antwoord
- Vooraf gebouwd per product en categorieMet Incremental Static Regeneration
- Vercel-netwerkPagina’s komen van een server dicht bij de klant
02 Van product naar betaling
Een winkelwagen die niet in de weg zit
Productpagina's tonen alle varianten, foto's en specificaties op één plek. Leg je iets in je winkelwagen, dan schuift die van rechts in beeld zonder dat de pagina herlaadt. Zo blijf je in de flow en ben je sneller bij het afrekenen.
- Varianten en voorraad actueelJe kiest alleen wat er echt is
- Winkelwagen van opzijMet een balk tot gratis verzending
- iDEAL en PayPal ExpressVoor de markten waar die het meest gebruikt worden
03 Beheer en hosting
Voorraad aanpassen in WooCommerce, direct live
Het team werkt gewoon in WooCommerce. Verandert de voorraad, dan geeft een webhook een seintje en bouwt de site precies die pagina opnieuw. De achterkant draait op managed hosting bij Netbela. Zij zetten de shop over zonder downtime.
- Opnieuw bouwen op verzoekVia een WooCommerce-webhook bij elke voorraadwijziging
- Redis object cacheDe achterkant antwoordt sneller op de voorkant
- Vast maandbedragGeen verbruiksfactuur voor de hosting
Van voorraad tot online
- Voorraad aangepast in WooCommerceopslaan
- Webhook naar de siteautomatisch
- Productpagina opnieuw gebouwdop de achtergrond
- Actuele voorraad onlineLive
Het team beheert producten in de WooCommerce die het al kende. De klant ziet alleen de snelle voorkant.
- Techniek
- Next.js 16, React 19, TypeScript, WooCommerce, WPGraphQL, Apollo Client, WPML en Vercel
- Geleverd
- Headless frontend, multi-domein met 5 talen, checkout met iDEAL en PayPal Express en de hostingmigratie samen met Netbela
Eén shop, meerdere landen
Eén codebase, vijf talen live, klaar voor 15.
Dezelfde Next.js-voorkant bedient wintersportuitverkoop.nl, wintersport-outlet.de en wintersport-outlet.at. Vijf talen staan live: Nederlands, Duits, een Oostenrijkse variant, Engels en Frans. Een nieuwe taal is een uitbreiding, geen nieuwe webshop.
Het beheer blijft op één plek: één WooCommerce met WPML voor alle talen.
- De juiste taal per bezoeker
- Een proxy die de taal kent stuurt elke bezoeker meteen naar de inhoud voor de eigen markt.
- Hreflang zonder handwerk
- WPML regelt de routing per taal en zet de hreflang-tags automatisch. Google ziet zo welke pagina voor welk land bedoeld is.
De site zelf
Blader door de pagina’s.
Vier pagina's van de live shop, van boven tot onder. Houd je muis op het scherm om mee te scrollen, of klik voor de hele pagina.Tik op het scherm voor de hele pagina.
De volledige homepage
Reviews, verzending en de deals van dit moment staan bovenaan. Vanaf daar ben je met één klik in elke categorie.
wintersportuitverkoop.nlWat de klant zegt
“We zijn zeer tevreden over Next-Win. Ondertussen verzorgt Gerwin al meer dan 5 jaar onze ICT. Wat begon met eenvoudig websiteonderhoud, is uitgegroeid tot het bouwen van een Europese webshop die in vele landen levert. Daarnaast is er dankzij zijn grote kennis van AI een zeer uitgebreid ERP-systeem gebouwd, dat nog dagelijks verder wordt uitgebreid. Dankzij Gerwin hebben we een volgende grote stap kunnen zetten met ons bedrijf.”
Meer werk
Alle cases
Je webshop sneller, zonder WooCommerce kwijt te raken?
Net als bij Wintersport Uitverkoop blijf je gewoon in WooCommerce werken, terwijl de voorkant opnieuw wordt gebouwd. Wil je een website of webshop laten maken in Ede of je huidige shop laten migreren naar headless? We kijken eerst waar je snelheid verliest.
Direct iemand van het team
0318 240 419