Web Agency Proposals Evalueren: Een Next.js Scoring Rubric
Ik heb aan beide zijden van de tafel met agencyvoorstellen gezeten. Ik heb voorstellen geschreven die contracten van zes cijfers binnen haalden, en ik heb CTOs geholpen om voorstellen van bureaus uit elkaar te halen die duidelijk hun pitch deck hadden gekopieerd. Het verschil tussen een geweldig Next.js-bureau en een dat je budget zal opbranden, zit vaak verstopt in de details van hun voorstel -- als je weet waar je moet kijken.
Dit artikel geeft je een concreet scoringscriteria dat je nu meteen kunt gebruiken. Print het uit, deel het met je team, en score elk voorstel dat in je inbox aankomt. Geen gevoelens meer. Geen goedkope opties kiezen en dit zes maanden later betreuren. En wanneer je klaar bent om die voorstellen in te zamelen, dien je RFP in en zet dit scoringscriteria in werking.
Inhoudsopgave
- Waarom de meeste voorstelbeoordelingen mislukken
- Het Next.js-agencylandschap in 2026
- Het volledige scoringscriteria
- Categorie 1: Technische architectuur (25 punten)
- Categorie 2: Next.js-specifieke expertise (20 punten)
- Categorie 3: Projectmanagement en proces (15 punten)
- Categorie 4: Performance en kwaliteitsafspraken (15 punten)
- Categorie 5: Prijstransparantie (15 punten)
- Categorie 6: Ondersteuning na lancering (10 punten)
- Waarschuwingssignalen die een voorstel moeten disqualificeren
- Hoe het scoringscriteria in de praktijk te gebruiken
- Voorbeeld van een gescoorde vergelijking
- Veelgestelde vragen
Waarom de meeste voorstelbeoordelingen mislukken
Dit gebeurt meestal. Je stuurt een RFP uit. Drie tot vijf bureaus reageren. Iemand van je team zet ze naast elkaar in een spreadsheet en vergelijkt prijzen. De goedkoopste wint, tenzij iemand een sterke mening heeft over de portfolio van een ander bureau. Dat is alles. Dat is het hele evaluatieproces voor een beslissing die je product jarenlang zal bepalen.
Het probleem is niet luiheid. Het is dat de meeste teams geen framework hebben om technische voorstellen te beoordelen. Marketingbureaus? Zeker, je vergelijkt creatieve portfolio's en campagneresultaten. Maar webontwikkelingsbureaus? De voorstellen zit vol technische jargon, en tenzij je een senior developer in dienst hebt die tussen de regels door kan lezen, ben je aan het gissen.
Een scoringscriteria lost dit op. Het dwingt elk voorstel door hetzelfde filter, maakt de beoordeling verdedigbaar voor stakeholders, en het onthult de hiaten die bureaus hopen dat je niet zult opmerken.
Het Next.js-agencylandschap in 2026
Next.js blijft domineren in het React meta-framework-landschap in 2026. De App Router is volledig volwassen. React Server Components zijn standaardpraktijk. Het ecosysteem rond Vercels platform is meer ontwikkeld dan ooit, en bureaus hebben zich moeten aanpassen. De verschuiving van pagina's-gebaseerde naar app-gebaseerde routing die in 2023 begon, is volledig geland. Als de voorstel van een bureau nog steeds vooral naar de Pages Router verwijst, zegt dat je iets.
Hier is wat de markt voor Next.js-ontwikkeling in 2026 eruitziet:
| Factor | 2024 | 2026 |
|---|---|---|
| Gemiddelde projectkosten (mid-market) | $50K - $150K | $65K - $200K |
| Typische teamgrootte | 3-5 developers | 2-4 developers (AI-assisted) |
| Projecttijdlijn (marketingsite) | 8-12 weken | 6-10 weken |
| Projecttijdlijn (webapplicatie) | 12-24 weken | 10-20 weken |
| Server Components adoptie | ~40% van projecten | ~85% van projecten |
| Headless CMS koppeling | Groeiend | Standaardpraktijk |
De kostenstijging is niet alleen inflatie. Bureaus die echt in Next.js-expertise hebben geïnvesteerd (niet alleen "we doen React en ook Next.js") vragen hogere tarieven omdat ze sneller leveren en met minder architecturale fouten. Je betaalt voor beslissingen die je later niet zullen achtervolgen.
Als je headless CMS-ontwikkeling gekoppeld aan Next.js verkent, moet het bureau dat je kiest diepgaande ervaring met beide zijden van dat verhaal hebben.
Het volledige scoringscriteria
Hier is het scoringscriteria in één oogopslag voordat we elke categorie uitsplitsen:
| Categorie | Max punten | Gewicht |
|---|---|---|
| Technische architectuur | 25 | 25% |
| Next.js-specifieke expertise | 20 | 20% |
| Projectmanagement & Proces | 15 | 15% |
| Performance & kwaliteitsafspraken | 15 | 15% |
| Prijstransparantie | 15 | 15% |
| Ondersteuning na lancering | 10 | 10% |
| Totaal | 100 | 100% |
Score elk bureau op elk criterium. Een score van 70+ is sterk. Onder de 50, en je zou waarschijnlijk moeten passen. Tussen 50 en 70, ga dieper in met vervolgvragen.
Categorie 1: Technische architectuur (25 punten)
Dit is waar het kaf van het graan wordt gescheiden. Elk bureau kan technologieën opsommen. Goede bureaus leggen uit waarom ze een specifieke architectuur voor jouw project aanbevelen.
Rendering-strategie (8 punten)
In 2026 moet een Next.js-voorstel expliciet de rendering-strategie per route of paginatype bespreken. Je wilt zien:
- 8 punten: Voorstel specificeert rendering-aanpak (SSR, SSG, ISR, streaming SSR, client-side) voor verschillende paginatypes met rationalisering
- 5 punten: Noemt rendering-strategieën maar kaart ze niet toe aan specifieke use cases
- 2 punten: Zegt generiek "server-side rendering" zonder nuance
- 0 punten: Bespreekt rendering-strategie helemaal niet
Hier is wat een goed voorstelgedeelte eruit kan zien:
## Rendering-strategie
- Productlijstpagina's: ISR met 60-seconden revalidatie via
on-demand triggers van CMS webhooks
- Productdetailpagina's: SSG bij build voor top 500 SKU's,
dynamische rendering met streaming voor long-tail
- Gebruikersdashboard: Client-side met React Query,
geverifieerd via middleware
- Marketingpagina's: Volledig SSG met on-demand revalidatie
Als het voorstel niet zo specifiek wordt, begrijpt het bureau Next.js niet goed genoeg of heeft het niet nagedacht over je project.
Gegevensarchitectuur (8 punten)
Hoe plant het bureau om gegevens op te halen, in cache op te slaan en status te beheren?
- 8 punten: Gedetailleerde gegevensophaalpatronen, caching-strategieën (inclusief Next.js cache-lagen), en duidelijk CMS/API-integratieplan
- 5 punten: Noemt gegevensophaalaanpak maar mist specificiteit over caching
- 2 punten: Somt gereedschappen op (React Query, SWR) zonder gebruikspatronen uit te leggen
- 0 punten: Geen gegevensarchitectuurbesprekking
Infrastructuur en implementatie (9 punten)
- 9 punten: Specifieke hostingaanbeveling met motivering, CI/CD pipelinedetails, preview deployments, strategie voor omgevingen
- 6 punten: Beveelt Vercel/AWS/etc. aan met enige implementatiedetail
- 3 punten: Noemt implementatieplatform zonder pipelinedetails
- 0 punten: "We regelen hosting" zonder detail
Een opmerking over Vercel versus zelf hosten: in 2026 zijn beide geldige keuzes. Vercel is het makkelijkste pad voor de meeste Next.js-projecten, maar sommige organisaties hebben zelf gehoste oplossingen nodig (compliance, kosten op schaal, onafhankelijkheid van leverancier). De beste bureaus leggen de afwegingen uit in plaats van op één optie terug te vallen.
Categorie 2: Next.js-specifieke expertise (20 punten)
Deze categorie scheidt bureaus die zich echt specialiseren in Next.js af van bureaus die het behandelen als "zomaar nog een React-framework".
App Router-vaardigheid (7 punten)
- 7 punten: Voorstel toont duidelijk begrip van App Router-patronen -- layouts, loading states, error boundaries, route groups, parallel routes, intercepting routes waar van toepassing
- 4 punten: Gebruikt App Router maar toont geen geavanceerde patronenkennis
- 2 punten: Noemt App Router zonder begrip aan te tonen
- 0 punten: Voorstel verwijst naar Pages Router als primaire aanpak
Server Components-begrip (7 punten)
React Server Components zijn de standaard in de App Router. Het bureau moet begrijpen wat het mentale model is, niet alleen de syntax.
- 7 punten: Duidelijke uitleg van server/client componentgrenzen, toont begrip van serializatiebeperkingen, laat zien waar 'use client'-richtlijnen zich bevinden
- 4 punten: Noemt Server Components maar leggen grensbeslissingen niet uit
- 2 punten: Generieke vermelding van "het gebruik van de nieuwste React-functies"
- 0 punten: Geen vermelding van Server Components
Portfolio-bewijs (6 punten)
- 6 punten: Kan 3+ productie Next.js-projecten tonen met metriek, links en specifieke technische uitdagingen die ze hebben opgelost
- 4 punten: Toont 1-2 Next.js-projecten met enige details
- 2 punten: Beweert Next.js-ervaring maar portfolio is meestal andere frameworks
- 0 punten: Geen Next.js-portfoliobewijs
Bij Social Animal nemen we case studies op met specifieke prestatiecijfers omdat we denken dat bureaus hun vorderingen moeten bewijzen, niet alleen stellen.
Categorie 3: Projectmanagement en proces (15 punten)
Communicatieplan (5 punten)
- 5 punten: Specifieke cadence (wekelijkse syncs, dagelijkse standups, asynchrone updates), genoemde gereedschappen, escalatieproces, gedefinieerde contactpunten
- 3 punten: Algemene communicatieaanpak zonder specifieke zaken
- 1 punt: "We houden je op de hoogte"
Mijlpaalstructuur (5 punten)
- 5 punten: Duidelijke mijlpalen met deliverables, acceptatiecriteria en afhankelijkheden in kaart gebracht
- 3 punten: Tijdlijn met mijlpalen maar geen acceptatiecriteria
- 1 punt: Alleen een geschatte einddatum
Wijzigingsbeheer (5 punten)
- 5 punten: Gedocumenteerd proces voor scopewijzigingen, inclusief hoe ze de tijdlijn en het budget beïnvloeden, met een duidelijke wijzigingsaanvraagworkflow
- 3 punten: Noemt scopewijzigingsproces maar mist detail
- 1 punt: "We zijn flexibel" (vertaling: chaos)
Categorie 4: Performance en kwaliteitsafspraken (15 punten)
We hebben dit vorig jaar bij een clientengage ondervonden waar een bureau "snelle laadtijden" had beloofd maar niets op papier had gezet. Toen de site lanceerde met een LCP van 4,2 seconden, was er geen contractuele basis om op te steunen. Maak die fout niet.
Core Web Vitals-doelen (5 punten)
In 2026, met Googles page experience-signalen volledig ingebakken in rankings, moeten bureaus zich aan specifieke nummers committen.
- 5 punten: Specifieke LCP-, INP- en CLS-doelen met meetsysteem
- 3 punten: Noemt Core Web Vitals zonder specifieke doelen
- 1 punt: "We bouwen snelle websites"
Hier is wat goede doelen eruitzien voor een Next.js-site in 2026:
LCP: < 2,0s (75e percentiel, veldgegevens)
INP: < 150ms (75e percentiel, veldgegevens)
CLS: < 0,05 (75e percentiel, veldgegevens)
TTFB: < 600ms (p75, exclusief gebruikersnetwerk)
Teststrategie (5 punten)
- 5 punten: Specificeert unit tests, integrationtests, E2E tests met specifieke gereedschappen (Vitest, Playwright, etc.), code coverage-doelen, en toegankelijkheidstests
- 3 punten: Noemt testen maar specificeert aanpak niet
- 1 punt: "We QA alles voor lancering"
Toegankelijkheidsverplichting (5 punten)
- 5 punten: Specifiek WCAG-conformiteitsniveau (minimum 2.2 AA), plan voor geautomatiseerde en handmatige tests, remediëringproces
- 3 punten: Noemt toegankelijkheid zonder specifieke normen
- 1 punt: "We volgen best practices" (wat betekent dat zelfs?)
Categorie 5: Prijstransparantie (15 punten)
Kostenoverzicht (5 punten)
- 5 punten: Uitgesplitste kosten per fase of functiegebied, met uurtarieven of teamsamenstelling zichtbaar
- 3 punten: Prijsstelling op faseniveau zonder uitwerking
- 1 punt: Één forfaitair bedrag zonder afbraak
Duidelijkheid van prijsmodel (5 punten)
- 5 punten: Duidelijke uitleg van prijsmodel (vast, T&M, hybride) met motivering waarom dat model voor het project past, inclusief wat inbegrepen is en wat niet
- 3 punten: Stelt prijsmodel zonder afweging uit te leggen
- 1 punt: Onduidelijk hoe je wordt gefactureerd
Om je een benchmark te geven, hier is wat typische agencyprijs eruit ziet voor Next.js-projecten in 2026:
| Projecttype | Vast prijsbereik | T&M maandelijks bereik |
|---|---|---|
| Marketingsite (10-30 pagina's) | $30K - $80K | $15K - $30K/mo |
| E-commerce (headless) | $80K - $250K | $25K - $50K/mo |
| SaaS-applicatie | $100K - $400K | $30K - $60K/mo |
| Enterprise platform | $200K+ | $50K+/mo |
Waardeafstemming (5 punten)
- 5 punten: Voorstel toont begrip van je bedrijfsdoelstellingen en koppelt technische beslissingen aan bedrijfsresultaten (omzet, conversie, operationele efficiëntie)
- 3 punten: Enige bedrijfscontext maar vooral technische focus
- 1 punt: Puur technisch voorstel zonder bedrijfsbewustzijn
Categorie 6: Ondersteuning na lancering (10 punten)
Onderhoudsplan (5 punten)
- 5 punten: Gedocumenteerde SLA met responstijden, updatecadence voor Next.js/afhankelijkheidsupdates, monitoring-setup en prijsstelling
- 3 punten: Biedt ondersteuning aan maar zonder specifieke SLA's
- 1 punt: "We zijn er als je ons nodig hebt"
Kennisoverdracht (5 punten)
- 5 punten: Trainingsplan, documentatiedeliverables, codeoverdrachtsproces en ondersteuning voor developer onboarding
- 3 punten: Noemt documentatie zonder specifieke zaken
- 1 punt: "De code spreekt voor zich" (dat doet het nooit)
Waarschuwingssignalen die een voorstel moeten disqualificeren
Ongeacht score, moeten deze je aan het denken zetten:
Geen discovery-fase: Als ze een vast tarief offreren zonder je vereisten te begrijpen, vullen ze massaal op of raken ze je later met wijzigingsorders.
Technologie-agnostische pitch: "We kunnen het in Next.js, Nuxt, Remix of wat je maar wilt bouwen." Dit geeft aan dat ze niet specialiseren. Je wilt een bureau dat standpunten heeft.
Geen vermelding van migratie of content strategy: Als je een bestaande site herbouwt, moet het voorstel zich bezighouden met datamigratie, URL-omleidingen en SEO-behoud. Dit missen is een groot waarschuwingssignaal.
Offshoresteam zonder transparantie: Niets mis met gedistribueerde teams, maar als het voorstel niet duidelijk stelt wie het werk doet en waar, kun je te laat ontdekken dat de senior architect die je toespraak gaf niet de junior developer is die je code schrijft.
"Proprietary framework"-claims: Als ze een aangepaste laag bovenop Next.js hebben gebouwd waar je van zult afhangen, zit je vast. Altijd vragen: "Kan een ander bureau deze code onderhouden?"
Geen vermelding van Astro, of soortgelijk, wanneer het beter past: Goede bureaus vertellen je soms dat Next.js niet de juiste keuze is. Als je project een inhoudsrijke marketingsite is met minimale interactiviteit, kan een bureau met ervaring in Astro-ontwikkeling eigenlijk een ander approach aanbevelen -- en die eerlijkheid is veel waard.
Hoe het scoringscriteria in de praktijk te gebruiken
Dit is mijn aanbevolen proces:
Stel je scoringsteam samen: 3-5 mensen. Voeg minimaal één technisch persoon, één zakensstakeholder en één projectmanager of iemand in die dagelijks met het bureau te maken zal hebben.
Score eerst onafhankelijk: Iedereen scoort elk voorstel alleen voordat je bespreekt. Dit voorkomt ankerbias.
Bespreken discrepanties: Waar teamleden een bureau in een categorie met meer dan 5 punten anders hebben gescoord, bespreken waarom. Dit brengt aannames aan het licht.
Gewicht aanpassen indien nodig: Het criteria weegt technische architectuur het zwaarst (25%), maar als je organisatie het grootste risico in projectmanagement ziet (bijvoorbeeld, je bent eerder verbrand), verhoog dan die categorie naar 20% en verlaag een ander.
Gebruik scores om een shortlist te maken, niet om te beslissen: Het criteria brengt je tot 2-3 finalisten. Voer dan diepere gesprekken, controleer referenties en doe eventueel een betaald proefproject.
Als je momenteel je RFP aan het opstellen bent, stuur ons je RFP en we laten je zien hoe een gedetailleerd, criteria-klaar voorstel eruitziet.
Voorbeeld van een gescoorde vergelijking
Hier is hoe drie hypothetische voorstellen kunnen scoren:
| Categorie | Bureau A | Bureau B | Bureau C |
|---|---|---|---|
| Technische architectuur (25) | 22 | 15 | 8 |
| Next.js-expertise (20) | 18 | 12 | 16 |
| Projectmanagement (15) | 10 | 14 | 7 |
| Performance & kwaliteit (15) | 13 | 9 | 5 |
| Prijstransparantie (15) | 8 | 13 | 12 |
| Ondersteuning na lancering (10) | 7 | 8 | 4 |
| Totaal | 78 | 71 | 52 |
Bureau A scoort het hoogst overall maar verliest punten op prijstransparantie -- goed voor een vervolgvraag. Bureau B is solid over de hele linie met sterk projectmanagement. Bureau C heeft fatsoenlijke Next.js-kennis maar is zwak overal anders. Ik zou A en B shortlisten, A vragen naar prijsklarheid, en C laten schieten.
Het criteria maakt dit gesprek objectief. In plaats van over gevoelens te discussiëren, discussieert je team over bewijs.
Veelgestelde vragen
Hoeveel bureaus moet ik voorstellen vragen? Drie tot vijf is het zoete plekje. Minder dan drie en je hebt niet genoeg vergelijkingsgegevens. Meer dan vijf en evaluatie wordt een fulltime baan. Ik heb teams gezien die tien voorstellen vroegen en ze allemaal slecht hebben geëvalueerd. Beter om vooraf zorgvuldig onderzoek te doen en minder, meer gekwalificeerde bureaus uit te nodigen.
Moet ik dit criteria met bureaus delen voordat ze voorstellen indienen? Absoluut. Het delen van je evaluatiecriteria met bureaus verbetert eigenlijk de voorstellen die je ontvangt. Goede bureaus zullen elk criterium direct adresseren, waardoor je evaluatie gemakkelijker wordt. Bureaus die het criteria negeren ondanks het ervan af te weten, vertellen je iets belangrijks over hoe ze je vereisten zullen behandelen.
Wat is een redelijke tijdlijn voor bureaus om een voorstel voor te bereiden? Voor een zinvol voorstel, geef bureaus 2-3 weken na een eerste ontdekeningsgesprek. Minder en je krijgt getemlateiseerde antwoorden. Het ontdekkingsgesprek is essentieel -- bureaus moeten je bedrijfscontext begrijpen voordat ze een voorstel kunnen schrijven die het waard is om te beoordelen. Als een bureau een gedetailleerd voorstel in 48 uur kan uitbrengen, is het niet op maat.
Hoe belangrijk is de grootte van het bureau bij het beoordelen van voorstellen? Minder belangrijk dan je denkt. Een bureau van 5 personen dat 30 Next.js-projecten heeft gebouwd, zal waarschijnlijk beter presteren dan een bureau van 200 personen waar Next.js één van vijftien frameworks is die ze aanbieden. Wat telt is het team dat daadwerkelijk aan jouw project zal werken. Vraag altijd de specifieke developers die zullen worden ingezet te ontmoeten, niet alleen het salesteam.
Moet ik altijd het goedkoopste voorstel kiezen dat aan mijn technische vereisten voldoet? Nee. In mijn ervaring wordt het goedkoopste voorstel vaak het duurste project. Lage biedingen leiden vaak tot scopediscussies, gemiste deadlines en technische schuld die later duurder uit te repareren is. Vergelijk voorstellen op totale eigendomskosten over 2-3 jaar, inclusief onderhoud, hosting en kosten van wijzigingen. Het bureau dat $120K aanhaalt maar een onderhoudbare codebase levert, is bijna altijd goedkoper dan het bureau dat $60K aanhaalt en spaghettii levert.
Wat als geen enkel bureau boven de 70 op het criteria scoort? Dit gebeurt, en het is eigenlijk nuttige informatie. Je RFP was niet gedetailleerd genoeg (bureaus konden je behoeften niet adresseren omdat ze ze niet begrepen), of je hebt de juiste bureaus nog niet gevonden. Herzie je RFP, breid je zoekopdracht uit, of overweeg contact op te nemen met gespecialiseerde bureaus die zich specifiek op de technologieën richten die je nodig hebt.
Hoe ga ik om met voorstellen die een ander technologie aanbevelen dan wat ik heb gevraagd? Neem het serieus. Als je om Next.js hebt gevraagd en een bureau beveelt Astro of Remix aan, wijs ze niet automatisch af. Vraag naar hun redenering. Soms is de beste aanbeveling degene die je niet verwachtte. Dat gezegd hebbende, als je sterke organisatorische redenen hebt om Next.js te kiezen (bestaande teamexpertise, specifieke functievereisten), maak dat duidelijk en kijk of het bureau binnen je beperkingen kan leveren.
Loont het om een betaald proefproject te doen voordat je je aan een volledige opdracht verbindt? Ja, als je budget en tijdlijn dit toelaten. Een 2-4 weken durende betaalde ontdekkings- of prototypefase van $5K-$15K geeft je echt bewijs van hoe een bureau werkt. Je ziet hun communicatiestijl, codekwaliteit en probleemoplossingsaanpak voordat je je aan een opdracht van $100K+ verbindt. Beschouw het als een verzekeringspolis. De meeste goede bureaus zijn blij dit te doen omdat ze weten dat het in hun voordeel werkt.
Klaar om dit criteria in werking te stellen? Krijg een voorstel in 48 uur en kijk hoe we ons tegen je scoringscriteria meten.