Bij een bestaande e-commerce website is de reflex vaak zwart-wit: of alles laten zoals het is, of direct een volledige replatforming starten. In de praktijk is dat zelden de slimste keuze.
Voor Verlichting.nl kozen we bewust voor een derde route: niet de hele website in één keer vervangen, maar specifieke onderdelen composable maken. Precies daar waar snelheid, flexibiliteit en zelfstandigheid voor het team het meeste verschil maken.
Dat klinkt minder spectaculair dan “we bouwen alles opnieuw”, maar het is vaak wel de aanpak die sneller resultaat oplevert.
Het uitgangspunt
Verlichting.nl draaide jarenlang op een klassieke Magento-stack met een traditionele blogmodule. Die setup werkte, maar liep in de praktijk tegen drie duidelijke grenzen aan:
de redactie wilde visueel kunnen editen in plaats van werken met HTML-blokjes in een admin-scherm
elke visuele aanpassing in het bestaande theme kostte disproportioneel veel tijd
voor blogpagina’s werd vanuit de monolith veel meer geladen dan daar eigenlijk nodig was
De vraag was daarom niet: moeten we de hele webshop vervangen?
De betere vraag was: hoe moderniseer je precies het deel dat achterloopt, zonder risico te introduceren in het deel dat gewoon omzet draait?
Geen big-bang replatform, maar een hybride architectuur
In plaats van Magento in één keer te vervangen, is gekozen voor een hybride opzet waarin twee systemen naast elkaar draaien onder één domein.
De webshop blijft volledig op Magento draaien
De nieuwe contentlaag draait in een headless Next.js-applicatie op Vercel
Een edge-router bepaalt per URL welk systeem de request afhandelt
Voor de bezoeker voelt dat als één website. Er zijn geen subdomeinen, geen merkbreuk en geen omleidingen die afbreuk doen aan SEO of gebruikservaring. Een gebruiker kan van een productpagina naar een blogartikel klikken zonder te merken dat daar technisch een ander platform achter zit.
En precies daarin zit de kracht van deze aanpak: je kunt moderniseren waar dat direct waarde oplevert, zonder het stabiele e-commercehart van de site open te hoeven snijden.
Waarom deze aanpak werkt
Deze architectuur lost drie problemen tegelijk op.
1. De redactie krijgt een veel betere editor-ervaring
Waar de oude blogmodule vooral een technisch CMS was, is de nieuwe contentlaag opgebouwd rond visueel bewerken. Met Storyblok kan de redactie pagina’s opbouwen met herbruikbare componenten en direct zien hoe content eruitziet.
Dat maakt publiceren sneller, verlaagt de foutkans en haalt onnodige afhankelijkheid weg bij development.
2. Content krijgt zijn eigen ontwerpruimte
Binnen een traditioneel Magento-theme zit design vaak vast aan bestaande templates en technische beperkingen. Door de blog los te trekken in een headless front-end ontstaat veel meer vrijheid om contentpagina’s echt als contentervaring te ontwerpen, zonder meteen het hele webshoptheme te verbouwen.
3. Blogpagina’s worden lichter en sneller
Voor een blogpagina heb je geen volledige e-commerce-machine nodig. Door content via een moderne Next.js-app te serveren, laad je alleen wat nodig is voor die pagina.
Dat levert niet alleen een snellere ervaring op voor bezoekers, maar ook een betere basis voor SEO, Core Web Vitals en toekomstige uitbreiding.
De gekozen stack
De techniek was niet het doel op zich, maar wel de enabler voor deze aanpak.
Next.js 16 App Router + React 19 Server Components voor een moderne, snelle renderinglaag met sterke SEO-basis
Vercel voor deploys, preview-omgevingen en edge delivery
Storyblok als visueel CMS met component-gebaseerde contentopbouw en draft/preview-flow
Tailwind CSS 4 + shadcn/ui voor een consistente UI-laag en snelle iteratie
Cloudflare Worker als pad-gebaseerde router tussen de bestaande Magento-origin en de nieuwe content-app
Die keuzes zijn niet gemaakt omdat ze nieuw zijn, maar omdat ze samen precies dit scenario ondersteunen: incrementeel moderniseren zonder een risicovol totaalproject te starten.
Wat er daadwerkelijk is gebouwd
De nieuwe blog draait niet als een los experiment naast de site, maar als een geïntegreerd onderdeel van Verlichting.nl. Daarom is niet alleen de contentlaag gebouwd, maar ook de volledige merk- en interfacecontinuïteit zorgvuldig doorgetrokken.
De header, footer, navigatie, USP-bar, winkelmand, review-widget, mobiele menu’s en zelfs de ingelogde klantstatus zijn 1-op-1 gematcht met de bestaande webshop. Een bezoeker die van een productpagina naar een blogartikel klikt, merkt niets van de onderliggende systeemwissel.
Dat lijkt misschien een detail, maar is juist essentieel. Zodra een bezoeker het gevoel krijgt opeens op een andere site te zitten, verlies je samenhang, vertrouwen en vaak ook conversiekracht. Door die visuele pariteit zorgvuldig door te trekken, blijft de ervaring consistent terwijl de techniek erachter al veel moderner is.
De echte winst: een fundament voor meer dan alleen blog
De blog is in deze opzet niet alleen een los contentproject, maar een eerste stap naar een bredere composable contentlaag. Zodra deze basis staat, kunnen ook andere contenttypen op dezelfde manier worden ontsloten.
kennisbankpagina’s
informatiepagina’s
inspiratiecontent
campagne- of landingspagina’s
Zo ontstaat er geleidelijk een moderne contentarchitectuur naast de bestaande webshop, zonder dat daar eerst een volledige migratie voor nodig is.
Met andere woorden: dit project gaat niet alleen over een betere blog. Het laat zien hoe je een bestaande e-commerceomgeving gecontroleerd kunt moderniseren, stap voor stap, zonder big bang, maar wel met directe winst in editor-ervaring, performance en designvrijheid.
Slot
De interessantste vraag bij Verlichting.nl was uiteindelijk niet: hoe maken we de hele website composable?
Maar: welke onderdelen leveren de meeste winst op als we ze als eerste los trekken?
Dat is meestal ook de betere strategische vraag voor andere organisaties met een bestaande website.
Niet alles hoeft in één keer. Maar als je de juiste delen kiest, kun je wel alvast de voordelen van een moderne composable aanpak benutten, zonder dat je meteen je complete platform hoeft te vervangen.