Je publiceert een blogpost in ContentGrid. Binnen 30 seconden ziet een lezer in Amsterdam die op je site met een laadtijd van 40ms. Geen server renderde de pagina op verzoek. De HTML was vooraf gebouwd, de content was gecacht op een edge-knooppunt en de browser van de lezer kreeg een respons van een CDN op een paar milliseconden afstand. Zo werkt het headless CMS-contentleveringsmodel zoals bedoeld.
De Leveringsketen
Content doorloopt drie lagen voordat het een gebruiker bereikt:
- ContentGrid's API: Geeft gestructureerde JSON terug van de oorspronkelijke servers. Responses bevatten
Cache-Control-headers die downstream caches vertellen hoe lang de respons te bewaren. - Je build of server: Next.js of Nuxt haalt content op van de API, hetzij bij bouwtijd (statische generatie) hetzij bij verzoektijd (serverrendering met caching). Het resultaat is HTML, die je hostingplatform cachet op de CDN-laag.
- CDN-edge-knooppunten: Vercel, Netlify en Cloudflare cachen je HTML en statische assets op tientallen wereldwijde edge-locaties. Verzoeken worden bediend vanuit het dichtstbijzijnde knooppunt zonder dat de oorsprong hoeft te worden aangeraakt.
Statische Generatie vs. On-Demand Revalidatie
Voor content die zelden wijzigt — blogposts, productpagina's, documentatie — is statische generatie de snelste aanpak. Je Next.js-build haalt alle content op bij deploy-tijd, rendert HTML voor elke pagina en pusht die HTML naar het CDN. Vercel's Edge Network serveert het wereldwijd.
Voor content die vaak wijzigt, past Next.js Incremental Static Regeneration (ISR) of on-demand revalidatie beter. Een pagina wordt geserverd vanuit cache; wanneer content wijzigt, triggert een webhook van ContentGrid revalidatie van alleen die pagina. Het volgende verzoek krijgt een verse render; het CDN cachet die verse respons.
Cache-invalidatie met Webhooks
ContentGrid stuurt een webhook-payload wanneer een entry wordt gepubliceerd, bijgewerkt of verwijderd. Die payload bevat de entry-ID, het type en de bijgewerkte velden. Je webhook-handler — een Next.js API-route of een edge-functie — roept Vercel's revalidatie-API aan voor de betrokken paginapaden. Alleen de pagina's die verwijzen naar de gewijzigde content worden geïnvalideerd. Alles blijft gecacht.
Dit is beduidend beter dan een volledige site-cache-purge, die een rebuild van elke pagina forceert. Met gerichte invalidatie kost een contentwijziging op één blogpost één paginarevalidatie, niet 500.
Content API Caching
ContentGrid's REST API-responses zijn cacheerbaar op HTTP-niveau. Gebruik stale-while-revalidate-headers om iets verouderde content onmiddellijk te serveren terwijl op de achtergrond een verse kopie wordt opgehaald. Proxy voor drukbezochte pagina's ContentGrid's API-responses via Cloudflare of je CDN met passende TTL's. Het doel is dat geen enkel gebruikersverzoek ooit ContentGrid's oorsprong direct raakt — alleen je buildserver en je revalidatiehandler doen dat.
Klaar om je concurrenten te volgen?
ContentGrid monitort automatisch websites, e-mails en social media van je concurrenten — en levert gestructureerde intelligence rechtstreeks in je inbox.