Technologieadvies
Prijzen gecontroleerd op 28 oktober 2026 op de officiële prijspagina's (Vercel, Supabase, Resend, n8n) en de Claude API-prijslijst. Prijzen in USD zijn omgerekend als indicatie (1 USD ≈ € 0,93) en exclusief btw. Bedragen met (indicatie) zijn niet live gecontroleerd.
Conclusie in het kort
Kopen (zodra je live gaat): Vercel Pro, Supabase Pro, een domein, Resend (pas boven 3.000 mails/maand betaald). Gratis gebruiken: GitHub, Next.js, Tailwind, shadcn/ui, Sentry (free), Claude API (betalen per gebruik). Voorlopig níet gebruiken: Payload CMS, n8n als kernonderdeel, Salesforce/Dynamics als eerste koppeling, een native app.
Moet Payload CMS naast Supabase?
Nee, niet in deze fase. Payload is een prima open-source CMS dat in Next.js draait en Postgres ondersteunt, maar het brengt een eigen beheeromgeving, eigen gebruikers en eigen rechtenmodel mee. Dat overlapt met wat het product zelf is: het klantdashboard mét websitebouwer. Twee beheeromgevingen en twee gebruikerssystemen betekent dubbel onderhoud en verwarring bij klanten.
Websitecontent bestaat in DV Software uit blokken als JSON (pages.draft / pages.published
in Postgres, met versies). Dat is precies wat de editor nodig heeft, valt onder dezelfde
Row Level Security als alle andere klantdata en is eenvoudig te exporteren.
Heroverwegen als klanten veel redactionele content gaan beheren (blogs, kennisbanken met
honderden artikelen, meertaligheid met vertaalworkflow).
Is n8n nodig?
Niet als kern. De belangrijkste koppelingen (e-mail, agenda, CRM, boekhouding) bouw je als TypeScript-connectors in het platform zelf: dan gelden dezelfde tenant-scheiding, logging en rechten. n8n is handig voor klantspecifieke workflows ("stuur bij elke geaccepteerde offerte een bericht naar Slack"). Let op de licentie: n8n valt onder de Sustainable Use License – intern gebruik en het bouwen van workflows vóór een klant mag; n8n als onderdeel van je eigen betaalde product aanbieden of embedden vraagt een commerciële (Embed) licentie. Controleer dit bij n8n vóórdat je het in een pakket verkoopt.
Is Vercel de beste hosting voor de eerste versie?
Ja. Vercel is de makers van Next.js, ondersteunt multi-tenant met eigen domeinen per klant (wildcard + custom domains via API) en vraagt geen serverbeheer. Let op: het gratis Hobby-plan is uitsluitend voor niet-commercieel gebruik – voor klantwerk is Pro nodig ($20 per gebruiker/maand). Alternatief bij hoge volumes: Coolify of Docker op een Hetzner-server (goedkoper, maar je beheert zelf updates, back-ups en uptime).
Optie A – snel starten vs. Optie B – schaalbaar platform
| A: Snel starten | B: Schaalbaar platform (advies) | |
|---|---|---|
| Idee | Per klant een losse Next.js-site of Webflow/Framer, formulieren naar e-mail, CRM van de klant zelf | Eén multi-tenant Next.js-app, Supabase Postgres met RLS, eigen dashboard, AI en integratielaag |
| Snelheid eerste klant | 1–2 weken | 4–8 weken (deze demo is het startpunt) |
| Kosten bij 5 klanten | ± € 50–150/mnd | ± € 60–110/mnd |
| Kosten bij 200 klanten | Lineair: 200× onderhoud | ± € 300–800/mnd (schaalt met gebruik, niet met klanten) |
| Nieuwe klant aansluiten | Kopiëren en aanpassen | Klik in platformbeheer, template, klaar |
| Dashboard/AI/koppelingen | Per klant opnieuw | Eén keer bouwen, per klant aanzetten |
| Risico | Wordt onbeheersbaar na ±15 klanten | Meer initiële bouw, meer kennis nodig |
Advies: bouw door op Optie B (deze codebase). Gebruik Optie A hooguit voor een eenmalige klant die nú iets nodig heeft, met de afspraak dat hij later migreert.
Productoverzicht
| Product | Rol | Waarom | Voordelen | Nadelen | Kosten | Kennis | Alternatieven | Nodig v1? |
|---|---|---|---|---|---|---|---|---|
| Next.js 16 + TypeScript | Websites, dashboards, API (server actions) | Eén codebase voor alles; multi-tenant routing | Snel, SEO, groot ecosysteem | Snelle releases met breaking changes | Gratis | Gemiddeld | Remix, Astro + aparte API | ✅ |
| Tailwind CSS 4 + shadcn/ui | Interface | Consistente, snelle UI; componenten in eigen code | Geen lock-in, toegankelijk (Base UI) | Veel classes in markup | Gratis | Laag | Mantine, Chakra | ✅ |
| Supabase (Postgres, Auth, Storage) | Database, inloggen, bestanden | Alles in één, Row Level Security voor tenant-scheiding | Postgres (overdraagbaar), EU-regio, auth inbegrepen | Gratis plan pauzeert na 1 week inactiviteit; max 2 projecten | Free → Pro $25/mnd (incl. $10 compute) ≈ € 23 | Gemiddeld | Neon + Auth.js + S3; eigen Postgres | ✅ (Pro bij livegang) |
| Vercel | Hosting, deploys, domeinen | Beste Next.js-ondersteuning, custom domains per klant | Geen serverbeheer, previews per branch | Hobby niet commercieel; kosten bij veel verkeer | Pro $20/gebruiker/mnd ≈ € 19 | Laag | Netlify, Coolify op Hetzner, Cloudflare | ✅ |
| GitHub | Code, versies, CI | Standaard, gratis privé-repo's | Back-up, pull requests, Actions | – | Gratis | Laag | GitLab | ✅ |
| Claude API | AI-agent | Sterke tool-use, Nederlands, beleid in eigen code | Betalen per gebruik, prompt caching | Kosten per token; datadeling regelen in DPA | Opus 5.5 $4/$20, Sonnet 5.5 $2/$10, Haiku 5.5 $0,10/$0,50 per 1M tokens in/uit | Gemiddeld | OpenAI, Mistral (EU) | ⚪ (Autopilot-pakket) |
| Resend | Transactionele e-mail | Eenvoudige API, goede deliverability | 3.000 mails/mnd gratis | Gratis: max 100/dag | Free → Pro $20/mnd (50k) | Laag | Postmark, Brevo, Amazon SES | ✅ |
| Payload CMS | Content-CMS | – | Krachtig, open source | Dubbel beheer + auth naast dashboard | Gratis (zelf hosten) | Hoog | Eigen blokken in Postgres (gekozen) | ❌ nu niet |
| n8n | Maatwerkworkflows | Visueel, veel nodes | Snel voor uitzonderingen | Licentie bij doorverkoop; extra systeem | Cloud Starter €20/mnd (2.500 runs); zelf hosten gratis + VPS ±€5–10 (indicatie) | Gemiddeld | Eigen connectors, Make | ⚪ later |
| Sentry | Foutmeldingen | Zie fouten vóór de klant | Gratis tier | – | Gratis tier (indicatie) | Laag | Vercel logs, Better Stack | ✅ (gratis) |
| Mollie | Abonnementen/aanbetalingen | iDEAL, NL | Geen vaste kosten | Per transactie | ± € 0,29 per iDEAL (indicatie) | Laag | Stripe | ⚪ fase 7 |
| Plausible | Privacyvriendelijke statistieken | Geen cookiebanner nodig | AVG-vriendelijk | Betaald | ± € 9–19/mnd (indicatie) | Laag | Vercel Analytics | ⚪ |
| React Native / Expo | Native app | Alleen als PWA tekortschiet | App stores, push op iOS ook zonder installatie | Tweede codebase, store-kosten | Apple $99/jr, Google $25 eenmalig | Hoog | PWA (gekozen) | ❌ nu niet |
Keuze voor het AI-model
De code gebruikt standaard claude-opus-5-5 (instelbaar via ANTHROPIC_MODEL). Kostenindicatie per
AI-actie met prompt caching (±3.000 tokens context, ±800 tokens antwoord): Opus 5.5 ≈ € 0,03,
Sonnet 5.5 ≈ € 0,015, Haiku 5.5 ≈ € 0,001. Advies: meet de kwaliteit eerst met Opus, en zet
eenvoudige taken (categoriseren, samenvatten) daarna eventueel op Haiku. De Claude-engine gebruikt
"server-side fallbacks" zodat een geweigerd verzoek automatisch door een ander model wordt opgepakt.
PWA of native app?
PWA eerst. Hetzelfde dashboard, dezelfde code, dezelfde rechten; installeerbaar op Android en iOS (via "Zet op beginscherm"); pushmeldingen werken op Android en sinds iOS 16.4 ook op iPhone als de app geïnstalleerd is. Een native app (React Native/Expo) wordt pas zinvol bij: veel gebruik van camera/offline (monteurs op locatie), App Store-zichtbaarheid als verkoopargument, of klanten die push zonder installatie verwachten. Omdat alle logica in server actions zit, kan een latere Expo-app dezelfde API hergebruiken.