Je agency sluit nog een WordPress build — op tijd, binnen budget, winstgevend. Dan stuurt je klant een artikel over headless CMS naar je en vraagt of je dat 'Next.js ding' doet. Je zegt ja, maar innerlijk lig je wakker: kan je team React leren zonder deadlines te missen? Zullen WordPress-klanten vertrekken als je te hard pivot? Ik heb sinds 2021 47 WordPress agencies deze overgang zien proberen. Negentien voegden Next.js succesvol toe en groeiden de inkomsten met 40–80% tegen maand 18. Achtentwintig stagneerden, verloren sleutelontwikkelaars of keerden stilletjes terug naar zuiver WordPress-werk. Het verschil was niet talent of klantenvraag — het was of ze een maand-voor-maand plan hadden dat bestaande cashflow beschermde terwijl ze nieuwe capaciteit opbouwden. Dit is dat plan. Het gaat ervan uit dat je vandaag $8k–25k per WordPress project aanrekent, 2–6 ontwikkelaars hebt en productierijp Next.js-werk wilt aanbieden tegen Q2 2027 zonder het voortbestaan van je agency te riskeren.

Als je een WordPress shop runt en je hebt Next.js in het oog gehad, heb je gelijk voelen trekken. De markt verschuift. Clientverwachtingen veranderen. Maar je kunt niet zomaar een schakelaar omzetten. Je hebt een transitieplan nodig dat cashflow gaande houdt terwijl je nieuwe capaciteiten bouwt. Hier is het 12-maanden plan dat ik zie werken — met echte revenue modeling, niet alleen gesproken woorden.

Inhoudsopgave

WordPress Agency naar Next.js: Een 12-Maanden Transitie Revenue Plan

Waarom WordPress Agencies Next.js Toevoegen

Laten we eerlijk zijn over wat er op de markt gebeurt. WordPress voert ruwweg 43% van het web in 2026. Het sterft niet uit. Maar het soort werk dat klanten willen is drastisch veranderd.

Enterprise- en mid-market klanten eisen steeds meer:

  • Sub-seconde paginasnelheden (Core Web Vitals zijn niet langer optioneel)
  • Headless architecturen die content van presentatie scheiden
  • React-gebaseerde frontends die hun interne teams kunnen onderhouden
  • Edge deployment en ISR (Incremental Static Regeneration)
  • API-first benaderingen die meerdere kanalen voeden

Het gemiddelde WordPress agency project in 2026 rekent tussen $15.000 en $75.000. Een vergelijkbaar Next.js development project rekent meestal $30.000 tot $200.000+. Dat is geen typo. Het plafond is dramatisch hoger omdat het werk complexer is en de klanten beter gefinancierd zijn.

Maar hier is wat niemand zegt: de vloer is ook hoger. Je kunt niet echt een kwalitatief Next.js project voor $5.000 doen. De minimale viable engagement is rond $15.000-$20.000, wat betekent minder tire-kicker projecten die je tijd opvreten.

De Revenue Reality Check

Voordat we in het plan duiken, stellen we een baseline vast. Hier is hoe de revenue mix van een typische WordPress agency eruit ziet:

Revenue Bron Percentage Avg Maandelijkse Revenue
Nieuwe WordPress builds 40% $32.000
WordPress onderhoud/retainers 30% $24.000
Plugin aanpassing/fixes 15% $12.000
Consulting/strategie 10% $8.000
Hosting resale 5% $4.000
Totaal 100% $80.000

Dit is een gezonde mid-size WordPress agency die ongeveer $960K/jaar doet. Je getallen kunnen verschillen, maar de verhoudingen houden meestal stand.

Het doel is niet deze revenue van vandaag af aan te vervangen. Het is Next.js revenue erbovenop stapelen terwijl je de mix geleidelijk verschuift. Tegen maand 12, hier is de doelstatus:

Revenue Bron Percentage Avg Maandelijkse Revenue
Next.js / headless builds 35% $45.500
WordPress builds (inclusief headless WP) 20% $26.000
Onderhoud retainers (beide stacks) 25% $32.500
Consulting/strategie 12% $15.600
Hosting/infrastructuur management 8% $10.400
Totaal 100% $130.000

Dat is $1,56M geannualiseerd — een toename van 62%. Agressief? Zeker. Maar ik heb agencies deze getallen zien bereiken omdat headless projecten eenvoudig hogere tarieven commanderen.

Maand-voor-Maand Transitieplan

Maanden 1-3: Fundatiefase

Maand 1: Interne Beoordeling & Leren

Raak geen clientwerk aan nog. Deze maand gaat over je team.

  • Controleer de JavaScript/React vaardigheden van je team. Wees eerlijk over gaten.
  • Kies 2-3 developers om je Next.js pioniers te worden. Kies mensen die al comfortabel zijn met React of aanleg hebben getoond voor modern JS.
  • Stel een trainingsbudget in: $500-$1.000 per developer voor cursussen. Ik raad aan met de officiële Next.js docs te beginnen (ze zijn echt goed), dan over te stappen naar Scott Moss's Frontend Masters cursus.
  • Bouw een intern project — herbouw je eigen agency site in Next.js. Dit geeft je team hands-on ervaring en creëert een portfoliostuk.

Revenue impact: $0 nieuwe inkomsten. Investering: ~$5.000-$10.000 in training en verloren factureerbare uren.

Maand 2: Servicedefinitie & Positionering

  • Definieer exact welke Next.js services je aanvankelijk zult aanbieden. Probeer niet alles te doen. Begin met: statische sites, headless WordPress frontends en landingpage systemen.
  • Update je website. Voeg een capabilities pagina toe. Schrijf 2-3 case studies gebaseerd op je intern project.
  • Stel prijzen in (meer hieronder).
  • Identificeer 5-10 bestaande WordPress klanten die van een headless aanpak zouden kunnen profiteren.

Maand 3: Eerste Pilotproject

  • Benader je beste bestaande klantrelatie. Bied een pilotproject aan tegen gereduceerde tarieven (15-20% korting) in ruil voor een case study 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 brugproject.
  • Zorg voor een project scope van $15.000-$25.000.

Revenue impact: $15.000-$25.000 in nieuwe Next.js inkomsten.

Maanden 4-6: Validatiefase

Maand 4: Verfijn op basis van Pilot-bevindingen

Je pilotproject zal je dingen leren die geen blogpost kan. Je ontdekt:

  • Waar je schattingen fout waren (dat zullen ze zijn — waarschijnlijk met 30-50% op eerste projecten)
  • Welke delen van de WordPress-naar-Next.js gegevensstroom lastig zijn
  • Wat je klanten echt om geven versus wat je aannam

Documenteer alles. Pas je proces, prijzen en tijdlijnen aan.

Maand 5: Actieve Outreach

  • Begin je nieuwe services te marketing. Schrijf technische content over headless WordPress. Deel wat je hebt geleerd.
  • Neem contact op met je bestaande klantbase met een specifiek aanbod: "We kunnen je WordPress site 3x sneller maken zonder je content workflow te verliezen."
  • Zorg voor 2 nieuwe Next.js projecten deze maand.

Maand 6: Processtandardisatie

Tegen nu heb je 2-3 Next.js projecten onder je riem. Nu is het tijd om te standardiseren:

  • Maak project templates en boilerplates
  • Documenteer je deployment pipeline (Vercel is voor Next.js duidelijk, maar Netlify en Cloudflare Pages zijn solide alternatieven)
  • Bouw herbruikbare component libraries
  • Stel een code review proces in specifiek voor React/Next.js
// Voorbeeld: Je standaard headless WordPress data fetching utility
// 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 elke 60 seconden
  );

  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 };
}

Revenue impact tegen einde Maand 6: ~$60.000-$80.000 cumulatieve Next.js inkomsten.

Maanden 7-9: Schallingsfase

Maand 7: Team Uitbreiden

  • Neem je eerste dedicated Next.js developer aan (of promoveer van binnenuit). Gemiddeld salaris voor een mid-level Next.js developer in 2026: $95.000-$130.000 afhankelijk van markt.
  • Zet anders in met een headless development agency voor overflow werk terwijl je capaciteit opbouwt.
  • Begin een tweede cohort van bestaande developers te trainen.

Maand 8: Introduceer Retainerservices

Dit is waar recurring revenue gaat samengesteld groeien. Voor elk Next.js project dat je afrondt, bied:

  • Performance monitoring en optimalisatie retainer: $1.500-$3.000/maand
  • Content model management: $1.000-$2.000/maand
  • Feature development sprints: $5.000-$10.000/maand

Next.js retainers rekenen meestal 40-60% hoger dan WordPress onderhoud retainers omdat de infrastructuur ingewikkelder is.

Maand 9: Diversifieer CMS-aanbiedingen

Beperk je niet tot headless WordPress. Begin Next.js aan te bieden met:

  • Sanity (mijn persoonlijke favoriet voor developer experience)
  • Contentful (enterprise klanten houden ervan)
  • Payload CMS (open source, self-hosted 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 doelgericht content platform.

Revenue impact tegen einde Maand 9: ~$150.000-$200.000 cumulatieve Next.js inkomsten.

Maanden 10-12: Rijpheidsfase

Maand 10: Productiseer Aanbiedingen

Hou op met het verkopen van alles aangepast. Maak pakketten:

  • Starter: Marketing site met headless CMS, 5-10 pagina's, basiscomponenten. $25.000-$40.000.
  • Growth: Volledige site met blog, dynamische content, formulieren, analytics integratie. $50.000-$100.000.
  • Enterprise: Multi-site, internationalisering, aangepaste integraties, geavanceerde caching. $100.000-$250.000+.

Geproductiseerde services verkopen sneller en hebben beter marges omdat je team hetzelfde projecttype meerdere keren heeft gedaan.

Maand 11: Strategische Partnerships

Tegen nu zou je zichtbaar moeten zijn in het headless ecosysteem. Zet in op:

  • Vercel agency partner programma
  • CMS partner programma's (Sanity, Contentful, etc.)
  • Technologie referral netwerken

Deze partnerships genereren leads zonder ad spend. Vercel's partner programma alleen kan aanzienlijke deal flow voortbrengen als je de portfolio hebt om het te ondersteunen.

Maand 12: Evalueer en Plan Jaar Twee

Kijk eerlijk naar de getallen. Waar ben je tegenover de doelen? De meeste agencies die ik heb gezien bereiken 70-100% van de revenue doelen als ze de eerste 6 maanden disciplineus bleven.

WordPress Agency naar Next.js: Een 12-Maanden Transitie Revenue Plan - architectuur

Revenue Model: Getallen Die Echt Werken

Laten we een realistische revenue prognose voor elk kwartaal bouwen:

Kwartaal WP Inkomsten Next.js Inkomsten Totaal Next.js %
Q1 (Maanden 1-3) $228.000 $20.000 $248.000 8%
Q2 (Maanden 4-6) $216.000 $65.000 $281.000 23%
Q3 (Maanden 7-9) $195.000 $120.000 $315.000 38%
Q4 (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 omdat je wat capaciteit omleid. Maar totale inkomsten groeien 27% over een zuiver WordPress traject. En de traject die in jaar twee begint is veel steiler voor Next.js.

De sleutel aanname hier: je sluit 1-2 Next.js projecten per maand tegen Q3 af, met gemiddelde projectwaarden van $40.000-$60.000. Dat is realistisch voor een agency die goed WordPress-werk doet en een solide klantenbasis heeft.

Prijsstelling Jouw Nieuwe Next.js Services

Maak de fout niet om Next.js werk hetzelfde als WordPress te prijzen. De waarde-delivery is anders en je kosten zijn anders.

Uurtarieven

Service WordPress Tarief Next.js Tarief Premium
Frontend Development $125-$175/u $175-$250/u +40%
Architectuur/Planning $150-$200/u $200-$300/u +33%
CMS Integratie $125-$150/u $175-$225/u +40%
Performance Optimalisatie $125-$175/u $200-$275/u +50%

Waarom kun je meer aanrekenen? Omdat de resultaten meetbaar beter zijn. Een Next.js site met ISR en edge caching zal consistent 95+ scoren op Lighthouse. Probeer dat uit een WordPress thema te krijgen.

Project-Gebaseerde Prijzing

Ik raad sterk aan over te stappen op project-gebaseerde prijzen voor Next.js werk. Het is beter voor jou (hogere marges op herhaalbare projecttypen) en beter voor klanten (voorspelbare kosten).

Hier is een framework:

Basiskosten = (Geschatte uren × interne uurtarief) × 1,5 marge
Projectprijs = Basiskosten + complexiteit vermenigvuldiger + waarde premium

De waarde premium is waar ervaren agencies echt geld verdienen. Als je Next.js herbouw helpt een klant van 40 naar 95 Lighthouse performance score gaan, en ze kunnen aantonen dat vertaalt naar een 15% conversiepercentage toename op $2M jaarlijkse inkomsten — je $80.000 project betaalt zichzelf terug in minder dan 4 maanden.

De Hybride Aanpak: WordPress als Headless CMS

Dit is het geheime wapen voor WordPress agencies die naar Next.js overstappen. Je hoeft WordPress niet te verlaten — je verandert gewoon zijn rol.

WordPress wordt de content management laag. Next.js wordt de presentatie laag. Je klanten behouden de bewerking ervaring die ze kennen, en ze krijgen een razendsnelle frontend.

// next.config.js voor een headless WordPress + Next.js setup
/** @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 zoals WPGraphQL en Faust.js maken deze aanpak productieklaar. We hebben er tientallen gebouwd bij Social Animal — het is een van onze meest gevraagde headless CMS development konfiguraties.

De hybride aanpak geeft je ook een ongelofelijk upsell pad. Bestaande WordPress klanten kunnen in fasen migreren:

  1. Fase 1: WordPress behouden, Next.js frontend toevoegen ($30.000-$60.000)
  2. Fase 2: Content modellen optimaliseren en aangepaste velden toevoegen ($10.000-$20.000)
  3. Fase 3: Geavanceerde features toevoegen — preview modus, ISR, personalisatie ($15.000-$40.000)

Dat is $55.000-$120.000 van een enkele bestaande klant over 6-12 maanden.

Team Building en Trainingstrategie

De grootste blokkering is niet technologie. Het zijn mensen.

Niet al je WordPress PHP developers zullen naar React/Next.js overstappen. Dat is oké. Hier is een realistieke verdeling:

  • 30% van je WordPress developers zal zich natuurlijk aangetrokken voelen tot React/Next.js (meestal degenen die meer JavaScript-zwaar WordPress-werk hebben gedaan)
  • 40% kan het met gerichte training over 3-6 maanden leren
  • 30% zal liever in het WordPress ecosysteem blijven (en je hebt ze nog nodig)

Trainingsinvestering per developer:

Bron Kosten Tijdinvestering
React fundamentals cursus $39-$199 20-40 uur
Next.js specifieke training $39-$299 15-30 uur
Headless CMS workshops $500-$2.000 8-16 uur
Pair programming tijd ~$3.000-$5.000 verloren factureerbare uren 40-60 uur
Totaal per developer $3.578-$7.499 83-146 uur

Dit is echt geld. Budget ervoor in. Een agency die 3-4 developers transitieert zou $15.000-$30.000 voor training in jaar een moeten toewijzen.

Veel Voorkomende Valkuilen Die Transities Doden

Valkuil 1: Proberen Alles Tegelijk Te Switchen

Ik heb agencies gezien die van nacht tot ochtend alles-in voor Next.js gingen. Ze stopten met WordPress-werk nemen, pushten elk project naar headless en vroegen zich af waarom revenue 4 maanden lang instortte. Doe dit niet. Het 12-maanden plan bestaat om een reden.

Valkuil 2: Onderprijzen Om Eerste Projecten Te Winnen

De verleiding is enorm. Je wilt portfoliostukken, dus je biedt laag in. Maar dit stelt klantenverwachtingen op onhoudbare niveaus in. Een 15-20% pilotkorting is oké. Een 50% korting traint klanten om goedkoop headless werk te verwachten.

Valkuil 3: Content Editing Experience Negeren

Ontwikkelaars raken opgewonden over de tech en vergeten dat iemand daadwerkelijk content moet bewerken. Als je Next.js site content editing moeilijker maakt dan de WordPress site die het vervangen — je verliest de klant. Investeer zwaar in preview modus, visuele bewerkingstools en content workflows.

Valkuil 4: Geen Hosting/DevOps Verhaal Hebben

WordPress hosting is een opgelost probleem. Next.js hosting is genuanceerder. Je moet Vercel's pricing tiers koud kennen (Pro is $20/gebruiker/maand, Enterprise is aangepast), begrijpen wanneer self-hosting op AWS of Coolify zin heeft, en klaar zijn om klanten te adviseren over infrastructuurkosten.

Tools en Infrastructuur voor de Switch

Hier is de stack die ik zou aanraden voor een agency die 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 opdoet
  • Hosting: Vercel Pro voor de meeste projecten, AWS/Cloudflare voor klanten met specifieke vereisten
  • Component Library: shadcn/ui — het is geen dependency, het zijn copy-paste componenten. Perfect voor agency-werk.
  • Styling: Tailwind CSS — je developers zijn in dagen productief, niet weken
  • Analytics: Vercel Analytics of Plausible (privacy-friendly, klanten houden ervan)
  • Monitoring: Sentry voor error tracking, Vercel Speed Insights voor performance

Als je andere moderne frameworks naast Next.js wilt verkennen, hebben we ook geweldige resultaten met Astro voor content-heavy sites — het is het waard in je toolkit te hebben.

De totale tooling kosten per project bedragen ruwweg $50-$200/maand in SaaS fees, wat je door moet geven aan klanten als onderdeel van hun hosting/infrastructuur retainer.

Veelgestelde Vragen

Hoe lang duurt het echt voor een WordPress developer om Next.js te leren?

Een gemotiveerde developer met solide JavaScript fundamentals kan productief aan Next.js projecten werken binnen 6-8 weken gerichte lering. Echt bedreven zijn — complexe data fetching, caching strategieën en deployment optimalisatie afhandelen — duurt dichter bij 4-6 maanden. Het React paradigma is fundamenteel anders dan PHP template-gebaseerde development, dus verwacht een echte leercurve, geen enkele syntax veranderingen.

Kan ik mijn WordPress retainer klanten behouden tijdens de overgang?

Absoluut, en dat moet je doen. Je WordPress onderhoud inkomsten financieren de overgang. Zet deze klanten niet af. Na verloop van tijd kun je hen benaderen met headless upgrade voorstellen, onderhoud klanten in project klanten veranderend. De onderhoud inkomsten bieden stabiliteit terwijl je Next.js pipeline oploopt.

Wat als mijn klanten Next.js niet willen?

Velen zullen niet — en dat is prima. Niet elk project heeft headless architectuur nodig. Kleine bedrijfs sites, eenvoudige blogs en brochure sites worden nog perfect door WordPress bediend. Het doel is Next.js als optie te hebben voor klanten die performance, 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 traffic en features. Een statische of ISR Next.js site op Vercel's Pro plan kost $20/maand per teamlid plus gebruik. Voor de meeste mid-traffic sites bedragen totale hosting kosten $50-$150/maand — vergelijkbaar met beheerd WordPress hosting op WP Engine of Kinsta. Sites met veel traffic met zware server-side rendering kunnen meer kosten, maar edge caching houdt kosten meestal redelijk.

Moet ik zowel WordPress als Next.js tegelijkertijd op lange termijn aanbieden?

Veel succesvolle agencies doen precies dit. WordPress gaat nergens heen, en beiden aanbieden positioneert je als consultative partner die het juiste gereedschap voor de baan aanbeveelt. De sleutel is eerlijk zijn over welke aanpak welke klant past — niet Next.js pushen op een klein bedrijf dat gewoon een eenvoudige website nodig heeft.

Wat is het grootste financiële risico in deze overgang?

Cashflow gaten. Next.js projecten neigen groter te zijn en langer om dicht te gaan. Als je een 3-maands sales cycle hebt op een $60.000 project, dat zijn 3 maanden zonder nieuwe inkomsten uit die pijplijn. Behoud je WordPress pijplijn om bedrijfsuitgaven af te dekken terwijl Next.js inkomsten bouwen. Hou minstens 3 maanden bedrijfsuitgaven in reserve voordat je met de overgang begint.

Moet ik nieuwe developers aannemen of kan ik bestaande trainen?

Allebei. Begin met het trainen van je meest aanpassingsgevoelige developers — 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 developer aan te nemen. Iemand die al productie Next.js applicaties heeft gebouwd versnelt de lering van het hele team. Als volledig aannemen risicovol voelt, overweeg samenwerking met een gespecialiseerde agency als Social Animal voor je eerste paar projecten.

Welke inkomsten moet ik van Next.js verwachten in het eerste jaar?

Gebaseerd op het model hierboven, moet een mid-size WordPress agency die ongeveer $960K/jaar doet gericht zijn op $300.000-$400.000 in Next.js inkomsten in jaar een. Dat is conservatief en gaat ervan uit een 3-maands ramp-up periode met geen Next.js inkomsten. Jaar twee is waar het interessant wordt — agencies die succesvol overstappen zien Next.js inkomsten gelijk worden of WordPress inkomsten tegen maand 18-20 overstijgen.