Website op Maat — Next.js en Headless voor Unieke Projecten
Voor organisaties die tegen de grenzen van CMS-templates lopen: custom code, headless architectuur, unieke businesslogica. Geen WordPress-thema met plugins maar een gebouwde webapp.
Website op Maat Laten Maken
Een website op maat laten maken betekent dat elke regel code geschreven wordt voor jouw specifieke situatie. Geen thema-aanpassing, geen plugin-compromissen, geen platform dat bepaalt wat wel en niet kan. Bij CleverTech bouwen we maatwerk websites op Next.js met een headless CMS als content-backend. Instapniveau: vanaf €15.000 voor een brand-forward bedrijfssite, €25.000-€75.000 voor klantenportalen en webapps.
Drie niveaus om te begrijpen waar maatwerk begint:
| Kenmerk | Template-site (Wix, Squarespace) | Semi-custom (WordPress) | Volledig maatwerk (Next.js) |
|---|---|---|---|
| Startprijs | €500-€2.000 | €3.000-€7.500 | Vanaf €15.000 |
| Doorlooptijd | 1-2 weken | 4-6 weken | 8-20 weken |
| Performance | 60-75 Lighthouse | 80-90 Lighthouse | 95-100 Lighthouse |
| Eigen businesslogica | Niet mogelijk | Beperkt via plugins | Onbeperkt |
| Schaalbaarheid | Tot ~20 pagina's | Tot ~200 pagina's | Onbeperkt |
| Code-eigendom | Nee (platform) | Gedeeltelijk | 100% van jou |
| Ideaal voor | Visitekaartjes, hobby | MKB-bedrijfssite, blog | Portalen, SaaS, configurators |
Als een WordPress-site of een one-pager volstaat, raden we die expliciet aan — maatwerk is gereedschap voor situaties waarin niets anders werkt. Denk aan een SaaS-marketing-site met interactieve product-demo's, een klantenportaal met rolgebaseerde toegang, een configurator waar elke keuze dynamisch vervolgopties triggert, of een internationaal platform met meerdere talen en content-workflows.
De financiele werkelijkheid: een maatwerk website is 3-10x duurder dan WordPress. Dat verschil zit in wat je krijgt: volledige code-eigendom, 95+ PageSpeed als standaard, architectuur die schaalt van 100 naar 1 miljoen bezoekers zonder migratie, en de vrijheid om elk UI-element exact zo te bouwen als jouw business vereist. Bij CleverTech werken we met een vaste stack: Next.js App Router, Sanity of Contentful als headless CMS, Tailwind CSS, TypeScript end-to-end en GitHub Actions voor CI/CD. We starten altijd met een gratis architectuur-discovery: welke systemen koppelen we, welke logica is echt custom, waar past een third-party oplossing beter.
Hoe een website op maat technisch werkt onder de motorkap
Een website op maat bouwen betekent architectuurkeuzes maken die de komende 3-5 jaar bepalen hoe snel je kunt itereren, schalen en integreren. De technische diepte die hieronder volgt is precies wat het verschil maakt tussen een custom project dat meeschaalt en een dat na 18 maanden een rewrite nodig heeft.
Headless architectuur: waarom frontend en backend scheiden
Bij een traditionele website (WordPress, Webflow) zijn frontend en backend onlosmakelijk verbonden. Bij een headless architectuur scheidt CleverTech de content-laag (Sanity, Contentful of Storyblok) van de presentatie-laag (Next.js). Waarom? Drie concrete voordelen. Ten eerste: performance. Next.js server components renderen HTML op de server en streamen het naar de browser -- geen JavaScript-bundle van 2 MB die eerst moet downloaden. Het resultaat: consistent 95+ PageSpeed. Ten tweede: flexibiliteit. Dezelfde content voedt je website, je mobiele app en je digital signage zonder drie keer te publiceren. Ten derde: onafhankelijkheid. Je redactieteam werkt in een dedicated CMS met live previews en publicatie-workflows, terwijl developers ongestoord aan de frontend bouwen. CMS vervangen? De frontend blijft overeind.
Server components, streaming en edge rendering
Next.js App Router met React Server Components is de kern van elke maatwerk website die CleverTech bouwt. Server components draaien op de server en sturen alleen HTML naar de client -- geen hydration overhead, geen client-side JavaScript voor statische content. Dynamische elementen (formulieren, configurators, dashboards) gebruiken client components die selectief worden geladen via code-splitting. Streaming SSR stuurt de eerste content naar de browser terwijl de rest nog rendert: de bezoeker ziet content binnen 200-400 ms in plaats van te wachten op de complete pagina. Edge rendering via Vercel of Cloudflare Workers plaatst je site op 300+ locaties wereldwijd -- een bezoeker in Amsterdam krijgt de pagina vanuit een datacenter in Amsterdam, niet vanuit een server in Virginia.
TypeScript end-to-end en code-eigendom
Elke website op maat die CleverTech oplevert is geschreven in TypeScript over de volledige stack: frontend, API-routes, server actions, database-queries en tests. Type-safety voorkomt een hele categorie bugs die in JavaScript-projecten pas in productie opduiken. De volledige broncode is jouw eigendom. Geen proprietary framework, geen platform-afhankelijkheid. Elke TypeScript-developer in Nederland kan de codebase lezen, begrijpen en uitbreiden. Dat is bewust: CleverTech bouwt software die van jou is, niet software die aan ons vastketent.
Wanneer Maatwerk Noodzakelijk Is voor Je Bedrijfssite
Signalen dat je de CMS-grens bereikt hebt
Je WordPress- of Wix-site loopt vast op unieke businesslogica: een offerte-configurator, real-time voorraadberekeningen of een klantenportaal met rolgebaseerde toegang die geen plugin dekt
Performance-eisen die WordPress niet haalt: <1 seconde laadtijd, 95+ PageSpeed op elke pagina, server-side rendering voor SEO-kritische dynamische content
— kost je €2.000-5.000
Integraties met enterprise-systemen (SAP, Salesforce, AFAS ERP, interne API-endpoints) waar plugins onvoldoende controle of auditeerbaarheid bieden voor compliance-vereisten
SaaS-product met gebruikersauthenticatie, billing-integratie (Stripe, Chargebee), multi-tenant data-scheiding en rol-gebaseerde UI — geen CMS dekt dit zonder custom code
Multi-brand of internationaal platform met meerdere talen, redactieteams en content-governance die headless CMS-oplossingen als Sanity of Contentful wel aankunnen maar template-builders niet
Onze maatwerk-stack en wat je concreet krijgt
Elke custom website laten maken begint bij bewezen technologie en transparante werkwijze
Next.js App Router + TypeScript end-to-end
React 19 met Next.js 16 App Router voor server components, streaming en edge rendering. TypeScript over de volledige codebase — schone, type-safe code die na oplevering ook door andere ontwikkelaars begrepen en uitgebreid kan worden. Geen framework lock-in: de code is van jou.
Headless CMS: Sanity, Contentful of Storyblok
Content-beheer in een dedicated CMS voor je redactieteam: live previews, versie-historie, publicatie-workflows en rol-based toegang. Frontend haalt content via GraphQL of REST. Je blijft content-eigenaar — CMS vervangen kan zonder frontend-rewrite.
Custom businesslogica in server actions
Configurators, offerte-berekeningen, authenticatie, autorisatie en integratie met externe systemen (CRM, ERP, betaalproviders) — geschreven als Next.js server actions en API-routes. Geen plugin-stack, volledig auditeerbaar en testbaar.
95+ PageSpeed en Core Web Vitals groen
Server components, edge-deployments, Next.js Image-optimalisatie, code-splitting en font-optimalisatie leveren laadtijden consistent onder 1 seconde. Combineer met ons [SEO-inbouwpakket](/diensten/websites/seo-optimalisatie-vindbaarheid) voor maximale vindbaarheid vanaf dag een.
Authenticatie, rollen en data-scheiding
NextAuth, Clerk of Auth0 voor inlog-flows (e-mail, Google, SAML/SSO). Rol-based access control op app- en database-laag via row-level security in Postgres of Supabase. Cruciaal voor portalen, SaaS-apps en admin-dashboards waar gebruikers alleen hun eigen data mogen zien.
CI/CD, testing en monitoring
GitHub Actions voor automatische deploys bij elke code-wijziging. Vitest voor unit tests, Playwright voor end-to-end tests, Sentry voor error-monitoring in productie. Professionele software-praktijk — je krijgt een onderhoudbare codebase, geen wegwerp-project.
Wat een website op maat oplevert tegenover CMS-routes
- 95+— 01 · PageSpeed en Core Web Vitals groen
Edge rendering en server components als standaard — niet als uitzondering na maanden optimalisatie
- 100%— 02 · Code-eigendom zonder lock-in
Geen plugin-afhankelijkheid, geen platform-abonnement. Elke TypeScript-developer kan de codebase overnemen en verder bouwen
- 1M+— 03 · Bezoekers per maand schaalbaar
Architectuur groeit mee van launch tot serious-traffic-fase zonder migratie of herontwerp
- Vanaf €15.000— 04 · Instapniveau headless bedrijfssite
Klantenportalen €25.000-€50.000. Enterprise webapps €50.000-€150.000+ afhankelijk van scope en integraties
Cases met website op maat laten maken
Hoe andere bedrijven succesvol resultaat behalen
Hoe CleverTech maatwerk websites bouwt: van discovery tot deployment
CleverTech hanteert bij maatwerk websites een agile werkwijze met tweewekelijkse sprints, maar wijkt op twee punten bewust af van standaard scrum. Die afwijkingen zijn het directe gevolg van jarenlange ervaring met MKB-projecten waar budgetten vast zijn en scope-creep de grootste vijand.
Fixed-price sprints met werkend prototype in week 3
In tegenstelling tot uurtje-factuurtje werkt CleverTech met fixed-price per sprint. De architectuur-discovery (gratis, 90 minuten) levert een scope-document op waarin elke sprint een vaste prijs, vaste deliverable en een go/no-go-moment heeft. Je committeert per fase, niet aan de volledige scope. Binnen 3 weken na start heb je een werkend prototype op een staging-URL die je op je eigen telefoon kunt testen. Dat is geen Figma-presentatie maar echte code die draait. Vroeg testen met echte interacties onthult 80% van de UX-problemen die in wireframes onzichtbaar blijven.
Bewuste stack-keuze: waarom Next.js en niet Nuxt, Remix of Astro
Elke custom website laten maken begint met een framework-keuze. CleverTech kiest bewust voor Next.js App Router om drie redenen. Het ecosysteem: React heeft het grootste developer-ecosysteem in Nederland, wat betekent dat je na oplevering niet afhankelijk bent van een niche-expertise. De hybride rendering: statische pagina's (ISR), server-side rendering en client-side interactie in een framework, zonder configuratie-overhead. En deployment-flexibiliteit: Vercel, Docker op eigen servers, of Kubernetes -- Next.js draait overal. We kiezen niet voor Nuxt (Vue-ecosysteem kleiner), Remix (minder mature deployment-opties) of Astro (beperkte interactiviteit voor webapps).
Klaar om te kijken wat website op maat laten maken voor jou betekent?
Plan je architectuur-discoveryWebsite op Maat Werkwijze: Discovery tot Deployment
Agile sprints met tweewekelijkse demos — werkend prototype binnen 3 weken
- 01
Architectuur-discovery (week 1-2) — Bij CleverTech starten we elk maatwerk-traject met een gratis intake van 90 minuten. Systemen in kaart: welke API-endpoints, welke data-bronnen, welke auth-flow. Custom-vs-third-party afwegingen voor elke component. Infrastructuurkeuze (Vercel, Docker, Kubernetes). Resultaat: scope-document met fixed-price offerte en fasering.
- 02
Prototype-sprint (week 2-4) — Werkende eerste versie van de kernfunctionaliteit. Geen Figma-presentatie maar een live staging-omgeving die je op je eigen telefoon kunt testen. Doel: risico's vroeg onthullen, tastbare feedback voordat je je aan de volledige scope committeert.
- 03
Iteratieve build (week 4-12+) — Tweewekelijkse sprints met demo op vrijdag en feedback op maandag. Staging-omgeving continu live, productie-deploys via GitHub Actions. Elke sprint levert werkende functionaliteit op — geen maanden wachten op een "grote oplevering".
- 04
Content-migratie en integratie-testing (laatste 2-3 weken) — CMS-content ingericht door je redactieteam met onze begeleiding. Alle externe API-integraties end-to-end getest met echte data-flows. Performance-audit op de complete applicatie: Lighthouse, Core Web Vitals velddata, load testing.
- 05
Productie-launch en hand-over (laatste week) — DNS-switch, monitoring geactiveerd (Sentry, uptime-checks), documentatie overgedragen. CMS-training voor content-editors (60-90 min). Optioneel retainer voor doorlopend onderhoud en feature-development.
Wat kost een website op maat laten maken per projecttype?
Een website op maat is een substantiele investering die alleen rendeert als je de custom functionaliteit daadwerkelijk nodig hebt. Hieronder een transparante prijsopbouw zodat je begrijpt waar het budget naartoe gaat en wanneer de investering zichzelf terugverdient.
Prijsopbouw per projecttype
| Projecttype | Investering | Doorlooptijd | Maandkosten |
|---|---|---|---|
| Brand-forward bedrijfssite | €15.000-€25.000 | 8-12 weken | €50-150 (hosting + CMS) |
| Klantenportaal met auth | €25.000-€50.000 | 12-20 weken | €100-300 (hosting + monitoring) |
| SaaS-product (MVP) | €50.000-€100.000 | 16-24 weken | €200-500 (infra + support) |
| Enterprise webapp | €75.000-€150.000+ | 20-32 weken | Op basis van scope |
De grootste kostenpost is geen technologie maar complexiteit: hoeveel unieke gebruikersflows, hoeveel integraties met externe systemen, hoeveel rollen en permissieniveaus. CleverTech maakt die complexiteit zichtbaar in de discovery-fase zodat je niet achteraf verrast wordt.
Wanneer verdient maatwerk zich terug?
Een klantenportaal van €35.000 dat 2 FTE aan handmatige klantcommunicatie vervangt (€120.000/jaar) verdient zich terug in 4 maanden. Een configurator van €50.000 die gemiddeld 15 offertes per week automatisch genereert in plaats van handmatig bespaart 20 uur per week aan saleswerk. Bij een gemiddeld uurtarief van €75 is dat €78.000 per jaar. De custom website laten maken is dan geen kostenpost maar een investering met een ROI boven 100% in het eerste jaar. Bij een standaard bedrijfssite zonder complexe logica is die ROI er niet -- kies dan WordPress.
Benieuwd naar de investering?
Transparante richtprijs voor website op maat laten maken — definitieve offerte volgt na intake.
Headless CMS + Next.js vanaf €15.000 | Custom webapp €25.000-€75.000
Wanneer een website op maat de logische keuze is
Concrete scenario's waarin maatwerk meer oplevert dan CMS-routes
SaaS-startup die een marketing-site nodig heeft met interactieve product-demo, pricing-calculator en Stripe-checkout — geen CMS-template dekt die combinatie
Enterprise met klantenportaal: rolgebaseerde toegang, multi-tenant data-scheiding en SSO-integratie via SAML voor 250+ gebruikers
Internationaal platform met 5+ talen, redactie-workflows per markt en content-governance via headless CMS (Sanity of Contentful)
Branche-organisatie die een configurator bouwt waar leden real-time offertes genereren op basis van dynamische tariefmodellen en externe API-data
Scale-up die migreert van een WordPress-site die vastloopt op performance boven 50.000 bezoekers per maand — Next.js levert 95+ PageSpeed als standaard
Veelgestelde vragen over website op maat laten maken
Antwoorden op veelgestelde vragen over website op maat laten maken
Brand-forward bedrijfssite op Next.js met headless CMS: vanaf €15.000. Klantenportaal of configurator: €25.000-€50.000. SaaS-product met billing en multi-tenant: €50.000-€150.000+. Doorlopende kosten: hosting €50-300/maand, CMS-licenties €100-500/maand, optioneel retainer. Dit is 3-10x duurder dan WordPress — alleen zinvol als je de custom functionaliteit echt nodig hebt.
Vier scenario's waarin je beter geen website op maat laat maken. Standaard bedrijfswebsite met blog: WordPress is sneller en 3-5x goedkoper. Online verkopen: Shopify is specifiek voor e-commerce gebouwd. Campagnelanding of ZZP-visitekaartje: een one-pager staat live in 2-4 weken. Portfolio onder 20 pagina's zonder complexe logica: WordPress volstaat ruimschoots.
Bedrijfssite met headless CMS: 8-12 weken. Klantenportaal met authenticatie en dashboards: 12-20 weken. SaaS-product: 16-32 weken afhankelijk van scope. Binnen 3 weken lever je een werkend prototype. Grotere projecten splitsen we in fases met go/no-go-momenten zodat je niet vast zit aan de volledige scope.
Een website op maat richt zich op presentatie, marketing en content met optioneel interactieve elementen zoals portalen of configurators. Maatwerk software is een interne bedrijfsapplicatie: workflow-automatisering, ERP-vervanging, data-pipelines. Overlap bestaat bij SaaS-producten — dan bespreken we in de discovery welke aanpak past.
Next.js App Router (React 19), TypeScript, Tailwind CSS, Sanity of Contentful als headless CMS, PostgreSQL of Supabase voor data, NextAuth of Clerk voor authenticatie, Vercel of Docker voor hosting, GitHub Actions voor CI/CD en Sentry voor monitoring. Bewust gekozen: modern, schaalbaar, goed gedocumenteerd.
Content-beheer: ja, volledig zelfstandig via het headless CMS met live previews, workflows en rol-based toegang. Code-wijzigingen (nieuwe features, paginatypes, integraties) vereisen een TypeScript-ontwikkelaar. Dat kan bij CleverTech als retainer of bij je eigen team — de codebase is open en gedocumenteerd, geen vendor lock-in.
In technische meetbaarheid presteert Next.js beter: consistent 95+ PageSpeed en groene Core Web Vitals. Maar de echte SEO-factor is content-kwaliteit en domein-autoriteit — daarin maakt het platform weinig verschil. Kies maatwerk voor performance-kritische use-cases, niet puur voor SEO. Combineer met ons SEO-inbouwpakket voor maximaal resultaat.
Je ontvangt de volledige broncode, documentatie en toegang tot alle systemen. Drie opties: zelf onderhouden met je eigen developers, een retainer bij CleverTech voor doorlopend onderhoud en feature-development, of een combinatie. Geen exit-fee, geen lock-in. De meeste klanten kiezen een retainer van 8-16 uur per maand voor de eerste 6 maanden.
Vraag niet beantwoord?
Neem contact met ons op - ga naar de contactpaginaWanneer dit niet de juiste keuze is
Een website op maat is de zwaarste route die CleverTech aanbiedt -- en bewust niet voor iedereen geschikt. In meerdere situaties is een lichtere oplossing sneller, goedkoper en net zo effectief.
Wanneer WordPress, Shopify of een one-pager beter past
Heb je een standaard bedrijfssite nodig met blog en contactformulier? Dan is een WordPress-website sneller live en 3-5x goedkoper. Verkoop je producten online? Shopify is specifiek voor e-commerce gebouwd met ingebouwde betaalverwerking, voorraadbeheer en checkout-optimalisatie. Voor een ZZP-visitekaartje of campagnelanding volstaat een one-pager vanaf EUR 2.499 -- live in 2-4 weken.
Beslischecklist: heb je echt maatwerk nodig?
Beantwoord eerlijk:
- Heb je unieke businesslogica die geen CMS-plugin afdekt (configurator, portaal, billing)?
- Zijn performance-eisen boven 95 PageSpeed bedrijfskritisch (niet nice-to-have)?
- Integreer je met enterprise-systemen (SAP, Salesforce, AFAS) waar auditbaarheid vereist is?
- Verwacht je meer dan 50.000 bezoekers per maand binnen 12 maanden?
- Heb je budget voor minimaal EUR 15.000 initieel plus EUR 100-300/maand doorlopend?
Scoor je op drie of meer vragen "ja", dan is een website op maat de verstandige investering. Bij twee of minder: start met WordPress of een one-pager en evalueer over 12 maanden opnieuw. CleverTech adviseert bij elke intake eerlijk welke route past.
Alternatieve website-routes
Van WordPress tot one-pager — wanneer past welke route?
- 01
One Page Website Laten Maken
Eén scrollpagina die bezoekers omzet in leads. Voor ZZP, startups en campagnes. Geen multi-page architectuur nodig — compact starten, uitbreiden wanneer de omzet dat rechtvaardigt. Vanaf €2.499.
- 02
Website Redesign — Verouderde Site Vernieuwen
Je huidige website kost je klanten. Verouderd design, trage laadtijden en slechte vindbaarheid vertalen zich direct naar gemiste omzet. Een website redesign door CleverTech lost dat op in 4-8 weken, inclusief SEO-migratie en redirect-plan.
- 03
WordPress Website Onderhoud
Geen achterstallig onderhoud, geen gehackte plugins, geen downtime op maandagochtend. CleverTech beheert je WordPress-site proactief zodat jij je richt op ondernemen. Vanaf EUR 99 per maand, zonder langetermijn contract.
- 04
WordPress Website Laten Maken
Professionele WordPress-site op maat, zelf te beheren zonder technische kennis. Geen platform-abonnement, geen vendor lock-in — eigenaarschap vanaf dag één.
- 05
SEO Optimalisatie bij Website Laten Maken
Geen generiek SEO-traject achteraf. Zoekwoordstrategie stuurt de sitestructuur, Core Web Vitals worden from scratch geoptimaliseerd en je krijgt een handover-kit waarmee jij of je SEO-bureau direct verder kan. Vanaf €1.250.