WordPress Agency naar Next.js: Een 12-maands transitieplan voor inkomsten
Ik heb tientallen WordPress-bureaus zien proberen de sprong naar modern headless development te maken. Sommigen slaagden schitterend. Anderen gingen er spectaculair aan onderdoor, verloren klanten en ontwikkelaars. Het verschil was niet talent of ambitie — het was het hebben van een plan dat rekening hield met de financiële realiteit van een bureau.
Als je een WordPress-zaak runt en Next.js in het oog hebt, heb je gelijk die aantrekking te voelen. De markt verschuift. Klantenverwachtingen veranderen. Maar je kunt niet zomaar een schakelaar omzetten. Je hebt een overgangsplan nodig dat de inkomstenstromen gaande houdt terwijl je nieuwe vaardigheden opbouwt. Hier is het 12-maandenplan dat ik heb zien werken — met echte inkomstenberekeningen, geen zomaar gebabbel.
Inhoudsopgave
- Waarom WordPress-bureaus Next.js Toevoegen
- De Inkomstenrealiteit Checken
- Maand-voor-Maand Overgangsplan
- Inkomstenmodel: Nummers Die Echt Werken
- Je Next.js-Services Prijzen
- De Hybride Aanpak: WordPress als Headless CMS
- Teamopbouw en Trainingsstrategie
- Veel Voorkomende Blunders Die Overgangen Verwoesten
- Gereedschappen en Infrastructuur voor de Overstap
- Veelgestelde Vragen
Waarom WordPress-bureaus Next.js Toevoegen
Laten we eerlijk zijn over wat zich op de markt afspeelt. WordPress biedt nog steeds ongeveer 43% van het web in 2025. Het sterft niet uit. Maar het type werk dat klanten willen, verandert dramatisch.
Enterprise- en midmarktklanten eisen steeds vaker:
- Paginaladingen onder de seconde (Core Web Vitals zijn niet langer optioneel)
- Headless-architecturen die inhoud van presentatie scheiden
- React-gebaseerde frontends die hun interne teams kunnen onderhouden
- Edge-implementatie en ISR (Incremental Static Regeneration)
- API-first-benaderingen die meerdere kanalen voeden
Het gemiddelde WordPress-bureauproject in 2025 wordt gefactureerd tussen de $15.000 en $75.000. Een vergelijkbaar Next.js-ontwikkelingproject wordt doorgaans gefactureerd tussen de $30.000 en $200.000+. Dat is geen typefout. Het plafond is dramatisch hoger omdat het werk complexer is en de klanten beter gefinancierd zijn.
Maar hier is wat niemand erover zegt: het minimum is ook hoger. Je kunt niet echt een kwalitatief goed Next.js-project voor $5.000 doen. De minimale levensvatbare engagement ligt rond de $15.000-$20.000, wat betekent dat minder kleinschalige projecten je tijd opzuigen.
De Inkomstenrealiteit Checken
Voordat we in het plan duiken, stellen we een basislijn vast. Hier is wat de inkomstenmix van een typisch WordPress-bureau eruit ziet:
| Inkomstenron | Percentage | Gemiddelijke Maandelijkse Inkomsten |
|---|---|---|
| Nieuwe WordPress-builds | 40% | $32.000 |
| WordPress-onderhoud/retainers | 30% | $24.000 |
| Plugin-aanpassing/fixes | 15% | $12.000 |
| Advies/strategie | 10% | $8.000 |
| Hosting-doorverkoop | 5% | $4.000 |
| Totaal | 100% | $80.000 |
Dit is een gezond middelgroot WordPress-bureau dat ongeveer $960K per jaar doet. Jouw nummers kunnen anders zijn, maar de verhoudingen blijven doorgaans hetzelfde.
Het doel is niet deze inkomsten meteen te vervangen. Het is Next.js-inkomsten erbovenop stapelen terwijl je de mix geleidelijk verschuift. Tegen maand 12, hier is de doelstaat:
| Inkomstenron | Percentage | Gemiddelijke Maandelijkse Inkomsten |
|---|---|---|
| Next.js / headless-builds | 35% | $45.500 |
| WordPress-builds (inclusief headless WP) | 20% | $26.000 |
| Onderhoudsretainers (beide stacks) | 25% | $32.500 |
| Advies/strategie | 12% | $15.600 |
| Hosting/infrastructuurbeheer | 8% | $10.400 |
| Totaal | 100% | $130.000 |
Dat is $1,56M per jaar — een stijging van 62%. Agressief? Zeker. Maar ik heb bureaus deze nummers zien halen omdat headless-projecten eenvoudigweg hogere tarieven bieden.
Maand-voor-Maand Overgangsplan
Maanden 1-3: Basisstadiüm
Maand 1: Interne Beoordeling en Leren
Raak klantwerk nog niet aan. Deze maand gaat over je team.
- Controleer de JavaScript/React-vaardigheden van je team. Wees eerlijk over tekortkomingen.
- Kies 2-3 ontwikkelaars om je Next.js-pioniers te worden. Kies mensen die al comfortabel met React zijn of aanleg voor modern JavaScript hebben getoond.
- Stel een leerbudget in: $500-$1.000 per ontwikkelaar voor cursussen. Ik raad aan te beginnen met de officiële Next.js-documentatie (ze zijn echt goed), dan over te gaan naar Scott Moss's Frontend Masters-cursus.
- Bouw één intern project — herbouw je eigen agency-website in Next.js. Dit geeft je team praktijkervaring en creëert een portfoliostuk.
Inkomsteneffect: $0 nieuwe inkomsten. Investering: ~$5.000-$10.000 in training en verloren factureerbare uren.
Maand 2: Servicedefinitie en Positionering
- Definieer precies welke Next.js-services je aanvankelijk zult aanbieden. Probeer niet alles te doen. Begin met: statische sites, headless WordPress frontends en landingpage-systemen.
- Werk je website bij. Voeg een mogelijkhedenpagina toe. Schrijf 2-3 casestudy's op basis van je intern project.
- Stel prijzen in (meer hieronder).
- Identificeer 5-10 bestaande WordPress-klanten die baat zouden hebben bij een headless-aanpak.
Maand 3: Eerste Pilootproject
- Benader je beste bestaande klantrelatie. Bied een pilootproject aan met een gereduceerd tarief (15-20% korting) in ruil voor een casestudy en eerlijk feedback.
- Ideale pilot: neem een bestaande WordPress-site en herbouw de frontend in Next.js met WordPress als headless CMS. Dit is het perfecte bruggproject.
- Streef naar een projectumvang van $15.000-$25.000.
Inkomsteneffect: $15.000-$25.000 in nieuwe Next.js-inkomsten.
Maanden 4-6: Validatiefase
Maand 4: Verfijn op Basis van Pilootlering
Je pilootproject zal je dingen leren die geen blogpost kan. Je ontdekt:
- Waar je schattingen fout waren (dat zullen ze zijn — waarschijnlijk 30-50% af op eerste projecten)
- Welke delen van de WordPress-naar-Next.js-datavloei lastig zijn
- Wat je klanten echt belangrijk vinden versus wat je aannam
Documenteer alles. Pas je proces, prijsstelling en tijdlijnen aan.
Maand 5: Actieve Uitreach
- Begin je nieuwe services te marketing. Schrijf technische inhoud over headless WordPress. Deel wat je hebt geleerd.
- Neem contact op met je bestaande klantenbasis met een specifiek aanbod: "We kunnen je WordPress-site 3x sneller maken zonder je inhoudswerkstroom te verliezen."
- Streef naar 2 nieuwe Next.js-projecten deze maand.
Maand 6: Processtandaardisatie
Nu zou je 2-3 Next.js-projecten onder je riem moeten hebben. Het is tijd om te standaardiseren:
- Maak projectsjablonen en boilerplates
- Documenteer je implementatiepijplijn (Vercel is de voor de hand liggende keuze voor Next.js, maar Netlify en Cloudflare Pages zijn solide alternatieven)
- Bouw herbruikbare componentenbibliotheken
- Stel een code review-proces vast dat specifiek is voor React/Next.js
// Voorbeeld: Je standaard headless WordPress-gehalers-nut
// Dit is het soort ding dat je in je boilerplate wilt
export async function getWordPressPosts({
perPage = 10,
page = 1,
category = null,
} = {}) {
const params = new URLSearchParams({
per_page: perPage.toString(),
page: page.toString(),
_embed: 'true',
});
if (category) {
params.set('categories', category.toString());
}
const res = await fetch(
`${process.env.WORDPRESS_API_URL}/wp-json/wp/v2/posts?${params}`,
{ next: { revalidate: 60 } } // ISR: revalidate every 60 seconds
);
if (!res.ok) {
throw new Error(`WordPress API error: ${res.status}`);
}
const posts = await res.json();
const totalPages = parseInt(res.headers.get('X-WP-TotalPages') || '1');
return { posts, totalPages };
}
Inkomsteneffect tegen eind Maand 6: ~$60.000-$80.000 cumulatieve Next.js-inkomsten.
Maanden 7-9: Schalingsfase
Maand 7: Breid het Team uit
- Huur je eerste dedicated Next.js-ontwikkelaar (of promoveer van binnenuit). Gemiddeld salaris voor een mid-level Next.js-ontwikkelaar in 2025: $95.000-$130.000 afhankelijk van markt.
- Alternatief: werk samen met een headless-ontwikkelingsbureau voor overloopwerk terwijl je capaciteit opbouwt.
- Begin met het trainen van een tweede cohort bestaande ontwikkelaars.
Maand 8: Introduceer Retainer-Services
Dit is waar terugkerende inkomsten beginnen op te stapelen. Voor elk Next.js-project dat je voltooit, bied:
- Prestatiecontrolle- en optimalisatieretainer: $1.500-$3.000/maand
- Inhoudsmodeelbeheer: $1.000-$2.000/maand
- Functieontwikkelingssprint: $5.000-$10.000/maand
Next.js-retainers factureren doorgaans 40-60% hoger dan WordPress-onderhoudsretainers omdat de infrastructuur complexer is.
Maand 9: Diversifieer CMS-Aanbiedingen
Beperk jezelf niet tot headless WordPress. Begin te bieden:
- Next.js met Sanity (mijn persoonlijke favoriet voor ontwikkelaarservaring)
- Contentful (enterpriseklanten houden ervan)
- Payload CMS (open source, zelf-gehost optie)
- Strapi (nog een solide open source-keuze)
Elke CMS die je ondersteunt opent een nieuw marktsegment. Sommige klanten willen helemaal geen WordPress — ze willen een doelgerichte inhoudsplatform.
Inkomsteneffect tegen eind Maand 9: ~$150.000-$200.000 cumulatieve Next.js-inkomsten.
Maanden 10-12: Rijpheidsfase
Maand 10: Productiseer Aanbiedingen
Stop met het verkopen van aangepaste alles. Maak pakketten:
- Starter: Marketingsite met headless CMS, 5-10 pagina's, basiscomponenten. $25.000-$40.000.
- Growth: Volledige site met blog, dynamische inhoud, formulieren, analyseintegratie. $50.000-$100.000.
- Enterprise: Multi-site, internationalisering, aangepaste integraties, geavanceerd caching. $100.000-$250.000+.
Geproduceerde services verkopen sneller en hebben betere marges omdat je team hetzelfde projecttype meerdere keren heeft uitgevoerd.
Maand 11: Strategische Partnerschappen
Nu zou je zichtbaar moeten zijn in het headless-ecosysteem. Nagestreef:
- Vercel-agentuurpartnerprogramma
- CMS-partnerprogramma's (Sanity, Contentful, enz.)
- Technologie-verwijzingsnetwerken
Deze partnerschappen genereren leads zonder advertentieuitgaven. Het Vercel-partnerprogramma alleen kan aanzienlijke dealflow genereren als je de portfolio hebt om het te ondersteunen.
Maand 12: Evalueer en Plan Jaar Twee
Kijk eerlijk naar de nummers. Waar sta je vs. de doelstellingen? De meeste bureaus die ik heb gezien bereiken 70-100% van de inkomstensdoelstellingen als ze gedurende de eerste 6 maanden gedisciplineerd bleven.
Inkomstenmodel: Nummers Die Echt Werken
Laten we een realistische inkomstenprognose voor elk kwartaal opbouwen:
| Kwartaal | WP-Inkomsten | Next.js-Inkomsten | Totaal | Next.js % |
|---|---|---|---|---|
| K1 (Maanden 1-3) | $228.000 | $20.000 | $248.000 | 8% |
| K2 (Maanden 4-6) | $216.000 | $65.000 | $281.000 | 23% |
| K3 (Maanden 7-9) | $195.000 | $120.000 | $315.000 | 38% |
| K4 (Maanden 10-12) | $180.000 | $195.000 | $375.000 | 52% |
| Jaartotaal | $819.000 | $400.000 | $1.219.000 | 33% |
Merk op dat WordPress-inkomsten licht dalen — dat is natuurlijk als je capaciteit omleidt. Maar totale inkomsten groeien 27% boven een puur WordPress-traject. En het traject naar jaar twee is veel steiler voor Next.js.
De belangrijkste aanname hier: je sluit 1-2 Next.js-projecten per maand in K3, met gemiddelde projectwaarden van $40.000-$60.000. Dat is realistisch voor een bureau dat goed WordPress-werk heeft gedaan en een solide klantenbasis heeft.
Je Next.js-Services Prijzen
Maak niet de fout Next.js-werk op dezelfde manier te prijzen als WordPress. De waardelevering is anders, en je kosten zijn anders.
Uurtarieven
| Service | WordPress-Tarief | Next.js-Tarief | Premium |
|---|---|---|---|
| Frontend-Ontwikkeling | €100-€150/u | €150-€220/u | +40% |
| Architectuur/Planning | €130-€175/u | €175-€260/u | +33% |
| CMS-Integratie | €100-€130/u | €150-€195/u | +40% |
| Prestatieoptimalisatie | €100-€150/u | €175-€240/u | +50% |
Waarom kun je meer in rekening brengen? Omdat de resultaten aantoonbaar beter zijn. Een Next.js-site met ISR en edge-caching behaalt consistent scores van 95+ op Lighthouse. Probeer dat uit een WordPress-thema te halen.
Projectgebaseerde Prijsstelling
Ik adviseer sterk om over te stappen op projectgebaseerde prijsstelling voor Next.js-werk. Het is beter voor jou (hogere marges op herhaalde projecttypen) en beter voor klanten (voorspelbare kosten).
Hier is een raamwerk:
Basiskosten = (Geschatte uren × interne uurtarief) × 1,5 marge
Projectprijs = Basiskosten + complexiteitsvermenigvuldiger + waardeprijs
De waardeprijs is waar ervaren bureaus echt geld verdienen. Als je Next.js-rebuild helpt een klant van een Lighthouse-score van 40 naar 95 te brengen, en ze kunnen aantonen dat dat zich vertaalt naar een toename van 15% conversietarief op $2M jaarlijkse inkomsten — je $80.000-project betaalt zichzelf in minder dan 4 maanden.
De Hybride Aanpak: WordPress als Headless CMS
Dit is het geheime wapen voor WordPress-bureaus die overstappen op Next.js. Je hoeft WordPress niet achter te laten — je verandert alleen zijn rol.
WordPress wordt de inhoudsbeheerslaag. Next.js wordt de presentatielaag. Je klanten behouden de bewerkingservaring die ze kennen, en ze krijgen een bliksemsnelle frontend.
// next.config.js voor een headless WordPress + Next.js-installatie
/** @type {import('next').NextConfig} */
const nextConfig = {
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'your-wordpress-site.com',
pathname: '/wp-content/uploads/**',
},
],
},
async rewrites() {
return [
{
source: '/wp-admin/:path*',
destination: 'https://your-wordpress-site.com/wp-admin/:path*',
},
];
},
};
module.exports = nextConfig;
Plugins als WPGraphQL en Faust.js maken deze aanpak productieklaar. Wij hebben tientallen hiervan gebouwd — het is een van onze meest aangevraagde headless CMS-ontwikkelingen.
De hybride aanpak geeft je ook een ongelooflijk upsellpad. Bestaande WordPress-klanten kunnen in fases migreren:
- Fase 1: Behoud WordPress, voeg Next.js-frontend toe ($30.000-$60.000)
- Fase 2: Optimaliseer inhoudsmodellen en voeg aangepaste velden toe ($10.000-$20.000)
- Fase 3: Voeg geavanceerde functies toe — voorbeeldmodus, ISR, personalisatie ($15.000-$40.000)
Dat is $55.000-$120.000 van een enkele bestaande klant gedurende 6-12 maanden.
Teamopbouw en Trainingsstrategie
De grootste blokkade is niet technologie. Het zijn mensen.
Je WordPress-PHP-ontwikkelaars zullen niet allemaal de overstap maken naar React/Next.js. Dat is oké. Hier is een realistische uitsplitsing:
- 30% van je WordPress-ontwikkelaars zal React/Next.js natuurlijk oppakken (meestal degenen die al JavaScript-zwaarder WordPress-werk hebben gedaan)
- 40% kan het leren met gericht training gedurende 3-6 maanden
- 30% zal het WordPress-ecosysteem verkiezen (en je hebt ze nog steeds nodig)
Trainingsinvestering per ontwikkelaar:
| Resource | Kosten | Tijdinvestering |
|---|---|---|
| React-basiscursus | €35-€180 | 20-40 uur |
| Next.js-specifieke training | €35-€270 | 15-30 uur |
| Headless CMS-workshops | €450-€1.800 | 8-16 uur |
| Pair programming-tijd | ~€2.700-€4.500 in verloren factureerbare uren | 40-60 uur |
| Totaal per ontwikkelaar | €3.215-€6.750 | 83-146 uur |
Dit is echt geld. Plan ervoor in. Een bureau dat 3-4 ontwikkelaars transitieert, zou $15.000-$30.000 voor training in jaar één moeten toewijzen.
Veel Voorkomende Blunders Die Overgangen Verwoesten
Blunder 1: Alles Tegelijk Proberen Te Wisselen
Ik heb bureaus gezien die zich volledig aan Next.js wijdden. Ze stoppen met WordPress-werk, pushen elk project naar headless, en vragen zich af waarom inkomsten 4 maanden kelderen. Doe dit niet. Het 12-maandenplan bestaat om een reden.
Blunder 2: Onderprijzing om Eerste Projecten Te Winnen
De verleiding is enorm. Je wilt portfoliostukken, dus bied je laag. Maar dit stelt klantenverwachtingen op onhoudbare niveaus in. Een 15-20% pilootkorting is prima. Een 50% korting traint klanten om goedkoop headless-werk te verwachten.
Blunder 3: De Inhoudsbewerkingservaring Negeren
Ontwikkelaars raken opgewonden over de technologie en vergeten dat iemand feitelijk inhoud moet bewerken. Als je Next.js-site inhoudbewerking moeilijker maakt dan de WordPress-site die hij verving, verlies je de klant. Investeer zwaar in voorbeeldmodus, visuele bewerkingstools en inhoudswerkstromen.
Blunder 4: Geen Hosting/DevOps-Verhaal
WordPress-hosting is een opgelost probleem. Next.js-hosting is genuanceerder. Je moet Vercel's prijsschema koud kennen (Pro is €18/gebruiker/maand, Enterprise is aangepast), begrijpen wanneer zelfhosting op AWS of Coolify zinvol is, en klanten gereed zijn voor adviezen over infrastructuurkosten.
Gereedschappen en Infrastructuur voor de Overstap
Hier is de stack die ik zou aanbevelen voor een bureau dat net begint:
- Framework: Next.js 15 (App Router) — het is om een reden de standaard
- CMS: Begin met headless WordPress (WPGraphQL), voeg dan Sanity of Payload toe als je ervaring opbouwt
- Hosting: Vercel Pro voor de meeste projecten, AWS/Cloudflare voor klanten met specifieke vereisten
- Componentenbibliotheken: shadcn/ui — het is geen afhankelijkheid, het zijn copy-paste-componenten. Perfect voor bureauwerk.
- Styling: Tailwind CSS — je ontwikkelaars zijn in dagen, niet weken, productief
- Analytics: Vercel Analytics of Plausible (privacy-vriendelijk, klanten houden ervan)
- Monitoring: Sentry voor fouttracking, Vercel Speed Insights voor prestaties
Als je moderne frameworks naast Next.js wilt verkennen, hebben we ook geweldige resultaten behaald met Astro voor inhoudszware sites — het is de moeite waard in je toolkit te hebben.
De totale gereedschapkosten per project bedragen ongeveer €45-€180/maand in SaaS-kosten, die je via hun hosting/infrastructuur-retainer aan klanten moet doorberekenen.
Veelgestelde Vragen
Hoe lang duurt het echt voordat een WordPress-ontwikkelaar Next.js leert?
Een gemotiveerde ontwikkelaar met solide JavaScript-fundamentals kan binnen 6-8 weken gericht leren productief zijn op Next.js-projecten. Echt competent zijn — complexe gehaaldatering, caching-strategieën en implementatieoptimalisatie afhandelen — kost dichter bij 4-6 maanden. Het React-paradigma verschilt fundamenteel van PHP-template-gebaseerde ontwikkeling, dus verwacht een echte leercurve, niet alleen syntaxisveranderingen.
Kan ik mijn WordPress-retainerklanten behouden tijdens de overgang?
Absoluut, en je zou het moeten doen. Je WordPress-onderhoudsomzet is wat de overgang financiert. Zet deze klanten niet neer. Naarmate de tijd verstrijkt, kun je hen benaderen met headless-upgrade-voorstellen, wat onderhoudklanten in projectklanten verandert. De onderhoudsomzet biedt stabiliteit terwijl je Next.js-pijplijn opwarmloopt.
Wat als mijn klanten Next.js niet willen?
Veel zullen dat niet doen — en dat is prima. Niet elk project heeft een headless-architectuur nodig. Kleine bedrijfswebsites, eenvoudige blogs en brochurewebsites worden nog steeds perfect door WordPress bediend. Het doel is Next.js als optie beschikbaar te hebben voor klanten die prestaties, schaalbaarheid of moderne architectuur nodig hebben. Je breidt je adresseerbare markt uit, je vervangt je bestaande niet.
Hoeveel kost het hosten van een Next.js-site vergeleken met WordPress?
Het hangt af van verkeer en functies. Een statische of ISR Next.js-site op Vercel's Pro-plan kost €18/maand per teamlid plus gebruik. Voor de meeste sites met gemiddeld verkeer, totale hostingkosten liepen €45-€135/maand — vergelijkbaar met beheerde WordPress-hosting op WP Engine of Kinsta. Sites met veel verkeer met zware server-side rendering kunnen meer kosten, maar edge-caching houdt kosten meestal redelijk.
Moet ik zowel WordPress als Next.js op lange termijn aanbieden?
Veel succesvolle bureaus doen dit precies. WordPress verdwijnt nergens, en beide aanbieden positioneert je als een consumentenadviespartner die het juiste gereedschap voor de baan aanbeveelt. Het cruciale is eerlijk zijn over welke aanpak welke klant past — niet Next.js op een klein bedrijf duwen dat gewoon een eenvoudige website nodig heeft.
Wat is het grootste financiële risico in deze overgang?
Kasstroompuffen. Next.js-projecten hebben doorgaans een langere verkoopfase en duren langer om af te sluiten. Als je een verkoopfase van 3 maanden hebt op een $60.000-project, betekent dat 3 maanden zonder nieuwe inkomsten uit die pijplijn. Handhaal je WordPress-pijplijn om exploitatiekosten te dekken terwijl Next.js-inkomsten opbouwen. Hou minstens 3 maanden exploitatiekosten in reserve voordat je de overgang start.
Moet ik nieuwe ontwikkelaars aannemen of kan ik bestaande herscholen?
Allebei. Begin door je meest aanpassingsgezinde ontwikkelaars herschool — zoek naar degenen die al van JavaScript genieten en in React hebben geëxperimenteerd. Maar plan om tegen maand 7-8 minstens één ervaren Next.js-ontwikkelaar aan te nemen. Als je al iemand hebt die al productieklare Next.js-applicaties heeft gebouwd, versnelt dat de leercurve van het hele team. Als volledig aannemen risicovol voelt, overweeg samenwerking met een gespecialiseerd bureau zoals Social Animal voor je eerste paar projecten.
Welke inkomsten kan ik in het eerste jaar van Next.js verwachten?
Op basis van het bovenstaande model, een middelgroot WordPress-bureau met ~$960K/jaar zou €270.000-€360.000 in Next.js-inkomsten in jaar één moeten nastreven. Dat is conservatief en gaat uit van een opwarmingsperiode van 3 maanden zonder Next.js-inkomsten. Jaar twee is waar dingen interessant worden — bureaus die succesvol overgaan, zien doorgaans Next.js-inkomsten gelijk aan of groter dan WordPress-inkomsten tegen maand 18-20.