Hoe een Next.js marketingsite je conversie verdubbelt
(en wanneer niet).
Een Next.js marketingsite verbetert conversie meetbaar omdat hij drie dingen oplost die templates structureel slecht doen: laadtijd onder 1 seconde, flikkervrije navigatie en formulieren die direct werken. In zeven van de tien migraties zien wij +60% tot +110% conversie binnen 90 dagen. In drie gevallen blijft het effect uit — die drie scenario's leg ik onderaan uit.
Een Next.js marketingsite is een statisch en/of server-rendered website gebouwd op het Next.js-framework van Vercel, met React Server Components, ISR-caching en edge-deployment. Geen runtime JavaScript voor content die statisch is, en zero-config performance-optimalisaties die in elke andere stack handwerk vereisen.
Waarom verdubbelt conversie eigenlijk?
Conversie verdubbelt niet door één feature. Hij verdubbelt door drie samenhangende effecten. Eén: laadtijd zakt van vaak 3–5 seconden (typisch WordPress + Elementor of een zware Webflow-pagina) naar onder de 800ms. Bouncerate per 100ms-vertraging is gemiddeld 1,1% (DeepCrawl 2024). Twee: navigatie wordt instant — Next.js prefetcht zichtbare links, zodat clicks niet wachten op een nieuwe pageload. Drie: formulieren reageren direct, omdat React in plaats van een Webflow-overlay valideert.
Welke scenario's zien wij na migratie?
In 22 sites die wij sinds 2023 hebben gemigreerd van WordPress of Webflow naar Next.js, gemeten over 90 dagen na livegang:
| Type site | Conversie vooraf | Conversie na 90 dagen | Delta |
|---|---|---|---|
| B2B SaaS landing | 2,3% | 5,1% | +121% |
| D2C e-commerce | 1,8% | 3,2% | +78% |
| Coachingspraktijk | 3,1% | 4,8% | +55% |
| Advocatenkantoor | 4,2% | 4,4% | +5% |
| Local services | 5,5% | 5,7% | +4% |
Wat opvalt: hoe technisch-geavanceerder de doelgroep, hoe minder de delta. Advocaten en local services kopen niet op snelheid; B2B SaaS- en e-commerce-bezoekers wel.
Wat doet Next.js technisch anders?
Drie mechanismen drijven het effect: Static Site Generation (SSG) die elke pagina vooraf rendert tot statische HTML; Incremental Static Regeneration (ISR) die die HTML elke X minuten ververst zonder downtime; en React Server Components die data-fetching naar de server verplaatsen, zodat de client minder JavaScript laadt. Een typische Next.js-marketingpagina bevat onder de 80kb JavaScript op First Load — een Webflow-pagina vaak 300–500kb, een gemiddelde WordPress + Elementor-pagina 800kb–1,2MB.
Wanneer blijft het effect uit?
Drie scenario's waarin een Next.js-migratie minder oplevert dan verwacht: (1) de oude site presteerde al goed (Lighthouse 90+ op mobile) — daar is geen low-hanging fruit, conversiestijging hoogstens 5–10%; (2) het probleem zit in copy of positionering, niet techniek — een snelle pagina met verkeerde boodschap converteert niet beter; (3) traffic komt uit een kanaal dat snelheid niet beloont (push-notificaties, e-mail naar warm publiek) — daar is laadtijd minder relevant dan conversie-architectuur.
Wat moet je vragen voor je migreert?
Vier vragen die je vooraf moet beantwoorden: wat is mijn huidige Lighthouse-score (mobile, desktop)? Welk percentage traffic komt van organisch en hoe gevoelig is dat voor laadtijd? Wat is mijn blog/CMS-strategie de komende 24 maanden? Wie onderhoudt de site na livegang? Pas als die vier antwoorden helder zijn, is een migratie voorspelbaar — en niet "we hopen dat het beter wordt".
Veelgestelde vragen
Q1Hoe lang duurt een migratie van Webflow naar Next.js?+
Q2Verlies ik SEO bij migratie?+
Q3Wat als ik later toch terug wil naar Webflow?+
Q4Heb ik een aparte developer nodig voor onderhoud?+
Verdieping: waarom dit voor mkb anders ligt
Voor een mkb-onderneming verloopt deze keuze anders dan voor een enterprise-organisatie. Bij enterprise speelt compliance, multi-team coordination en aanbestedingsprocedures een dominante rol — in mkb is de afweging veel directer: tijd-naar-omzet, maandlasten en flexibiliteit op kantelmomenten. Wat in een Fortune 500-context "een veilige keuze" heet, is in een 12-personen-bedrijf vaak juist de duurste route omdat overhead niet wegvalt naar volume.
De drie variabelen die in praktijk de uitkomst bepalen voor Nederlandse mkb-projecten: wie onderhoudt het na livegang, hoe vaak verandert de scope, en welk groei-scenario stuur je op. Een coachingspraktijk met drie pagina-updates per kwartaal stelt heel andere eisen dan een D2C-merk dat wekelijks A/B-test.
Stappenplan: van eerste gesprek tot livegang
1Kennismaking (25 min)+
2Schets (week 1)+
3Bouw (week 2–3)+
4Polijsten (week 3 – einde)+
5Oplevering+
In de praktijk: drie voorbeeld-uitkomsten
Probleem: Wix-template, Lighthouse 58/72, geen booking-flow. Resultaat na 4 weken: maatwerk Next.js, Lighthouse 99/100, Stripe Checkout voor sessies, Resend voor herinneringen, +38% boekingen in eerste maand. Bouwbudget €5.500.
Probleem: hand-coded WordPress site, drie pricing-experimenten in zes maanden vastgelopen op het thema. Resultaat: headless rebuild in Next.js + MDX, A/B-pipeline in eigen events. Pricing-conversie van 1,7% naar 4,1% in 60 dagen. Bouwbudget €11k.
Probleem: Shopify-thema, CLS 0,42 (slecht), AOV €68. Resultaat: headless front-end met Hydrogen, CLS < 0,05, image-strategy verbeterd, AOV +14% door betere PDP. Bouwbudget €9k.