ZMS
Een headless block-CMS dat volledig aan de edge draait: Cloudflare Workers, D1, R2, Pages en Workers AI. Geen servers, wereldwijd snel, en publiceren is direct overal zichtbaar.
De uitdaging
Klantwebsites moeten razendsnel zijn en door de klant zelf te beheren. Een publicatie moet direct wereldwijd zichtbaar zijn, zonder servers om te onderhouden, en met één bron voor contentblokken over meerdere sites.
De oplossing
Een headless CMS volledig op het Cloudflare Developer Platform: één API Worker als backend, D1 voor content, R2 voor media, Nuxt 4 op Pages voor editor en sites, en Workers AI voor zoeken en aanbevelingen.
Het resultaat
In productie voor klantwebsites. Dezelfde stack is hergebruikt voor het RDK Ready certificeringsportaal voor Comcast / RDK, wat fase 1 daar sterk verlaagde in risico.
Architectuur
Alle verkeer loopt via één API Worker. Editor en sites zijn losse Nuxt-apps op Pages die via service bindings met de Worker praten.
Editor
Nuxt 4 · Pages
Klantsites
Nuxt 4 · Pages
API Worker
Eén backend
D1
Content · versies
R2
Media
Workers AI
Zoeken · aanbevelingen
Cache-Tag purge bij publiceren
Vereenvoudigd overzicht van ZMS op het Cloudflare Developer Platform.
Belangrijkste keuzes
Eén API Worker
De enige backend voor delivery én authoring. Eén plek voor auth, validatie en caching.
D1 met versiebeheer
Content met concept, publiceren en terugdraaien naar een eerdere versie.
R2 voor media
Afbeeldingen en bestanden in object storage, zonder egress-kosten.
Cache-Tag invalidatie
Bij publiceren worden alleen de geraakte pagina's uit de edge-cache gehaald.
@zms/blocks
Het blokcontract als geversioneerd npm-package, gedeeld door editor en alle sites.
Live preview
Concepten bekijken in de echte site via een ondertekende token in een iframe.
Drie auth-domeinen
Cloudflare Access voor het team, Worker-sessies voor leden en service bindings tussen apps.
Workers AI
Slim zoeken, productaanbevelingen voor cross- en upsell, en outreach.
Visuele block-editor
Een Storyblok-achtige editor waarin klanten zelf pagina's opbouwen.
De lastigste puzzel
Edge-caching en direct publiceren bijten elkaar: je wilt alles maximaal cachen, maar een wijziging moet meteen live staan. Elke pagina krijgt daarom cache-tags voor de content die erop staat. Publiceert een klant een blok, dan purget de Worker precies die tags, en blijft de rest van de site gewoon uit de cache komen.
Tech stack
- Cloudflare Workers
- D1
- R2
- Pages
- Workers AI
- Cache-Tags
- Service bindings
- Cloudflare Access
- Nuxt 4
- TypeScript
- npm package
Ook bouwen op de edge?
We denken graag mee over een snelle, schaalbare architectuur op Cloudflare.
Start een gesprek