Van WordPress naar Payload CMS
In 78 dagen een compleet CMS gebouwd met AI als co-developer. 863 commits, 75.8% AI-coded. Van WordPress met 60 plugins en 160KB bloat naar Payload CMS met 72KB clean output.
Het probleem
De JLAM-website draaide op WordPress. 60 plugins, 160KB per paginalaad, maandelijkse security-updates die dingen braken, en een hosting-rekening die elk jaar groeide. Elke content-wijziging was een risico. Elke plugin-update een potentiele crash.
Voor een organisatie met 21.000+ leden en 690K bezoeken per jaar is dat niet houdbaar.
De aanpak
In plaats van een bureau in te huren voor een “WordPress-optimalisatie” (lees: meer plugins) besloot ik het fundament te vervangen. Payload CMS v3 met Next.js 16 als frontend. Headless architectuur: content en presentatie gescheiden. PostgreSQL als database. S3 voor media.
De bijzonderheid: 75.8% van de code is geschreven door Claude AI, onder mijn architecturale regie. Geen blind vertrouwen op AI — elk pull request beoordeeld, elke architectuurbeslissing door mij genomen. AI als versneller, niet als vervanger.
De cijfers
| Metriek | WordPress | Payload CMS |
|---|---|---|
| Pagina-omvang | 160KB | 72KB |
| Plugins | 60 | 0 |
| Build-tijd | n.v.t. | < 2 min |
| Doorlooptijd | - | 78 dagen |
| Commits | - | 863 |
| Commit-snelheid | - | 11.1/dag |
| AI-coded | - | 75.8% |
Wat er veranderde
Snelheid: Pagina’s laden in een fractie van de oude tijd. 72KB versus 160KB. Geen overbodige JavaScript van 60 plugins.
Veiligheid: Geen WordPress-core om te hacken. Geen plugins met bekende kwetsbaarheden. Geen maandelijkse update-roulette.
Controle: Elke feature is maatwerk. Geen plugin die 90% doet van wat je nodig hebt en 10% op een manier die je niet wilt. De content-editors bij JLAM hebben exact de velden die ze nodig hebben, niets meer.
Kosten: Draait op dezelfde Scaleway-infrastructuur. Geen extra hosting-kosten. De investering was 78 dagen ontwikkeltijd — geen doorlopende licentiekosten.
SaaS uit maatwerk
Het Payload CMS dat voor JLAM is gebouwd, is geen one-off. De architectuur — multi-tenant, blok-gebaseerde content, geintegreerde analytics — is herbruikbaar voor andere gezondheidsorganisaties. Wat begon als een interne migratie werd een platform dat klaar is om op te schalen.
Technologie
- Payload CMS v3 — Headless CMS met TypeScript, native admin UI
- Next.js 16 — React framework met App Router, Server Components
- PostgreSQL — Database op Scaleway Amsterdam
- S3 — Media-opslag op Scaleway Object Storage
- Claude AI — Co-developer voor 75.8% van de codebase
- Docker + Traefik — Containerized deployment met automatische SSL