guides

Contentful CMS Gids: Functies, Prijzen, GraphQL API & Codevoorbeelden [2026]

Geschreven door Mert Batur
Apr 6, 2026
18 leestijd
Contentful CMS Gids: Functies, Prijzen, GraphQL API & Codevoorbeelden [2026]

Contentful is een API-first headless CMS dat je content centraal opslaat en via REST en GraphQL API's aflevert aan elk frontend -- web, mobiel, IoT, digitale signage, wat je ook bouwt. Deze gids behandelt alles wat concurrenten overslaan: echte codevoorbeelden, actuele prijzen en eerlijke beperkingen.

We gebruiken Sanity (een directe concurrent van Contentful) in productie op vier websites en tien talen, dus we benaderen dit vanuit een practitioner's perspectief, geen verkooppraatje.

Snel overzicht

DetailInfo
TypeHeadless CMS (API-first)
Opgericht2013, Berlijn
Beste voorEnterprise-teams, multi-channel content, localisatie-intensieve projecten
Minder geschikt voorSolo-ontwikkelaars met beperkt budget, eenvoudige blogs, teams die visueel bewerken OOTB nodig hebben
Gratis niveauJa -- 10 gebruikers, 100K API-aanroepen/maand, 1 space
Betaalde plannenVanaf $300/maand (Lite) tot aangepast Enterprise
API'sREST (CDA, CMA, CPA) + GraphQL
ContentmodelleringGestructureerd: contenttypes, velden, verwijzingen, validaties
AI-functiesAI Actions, Contentful Studio, Ninetailed personalisatie
LocalisatieIngebouwde locale-ondersteuning, geen ingebouwd vertaalbeheer
Open sourceNee
Belangrijkste concurrentenSanity, Strapi, Storyblok, Payload, Hygraph

Wat is Contentful?

Contentful is een cloud-native, API-first headless CMS -- of zoals het bedrijf het nu noemt, een "composable content platform." In tegenstelling tot traditionele systemen zoals WordPress die contentbeheer en een frontend bundelen, slaat Contentful gestructureerde content centraal op en levert het die via API's aan elk kanaal dat je nodig hebt.

Het kernbegrip is ontkoppelde architectuur. Je content woont in Contentful's cloud. Je frontend -- of dat nu een Next.js-site is, een React Native-app of een slim display -- haalt content op via Contentful's API's bij buildtijd of runtime. De content weet niet en geeft niet om waar hij terechtkomt.

Opgericht in Berlijn in 2013 is Contentful uitgegroeid tot een van de grootste headless CMS vendors. Merken als Spotify, Vodafone, Chanel en Atlassian draaien hun contentoperaties erop. Het is niet open source en er is geen self-hosted optie -- het is uitsluitend SaaS, wat van belang is als je compliance-eisen hebt rondom dataresidentie.

Volgens Contentful's officiële documentatie positioneert het platform zichzelf als infrastructuur voor content -- een contenthub die tussen je redactieteam en je digitale ervaringen zit.

Hoe werkt Contentful?

Contentful volgt een drielaagse architectuur: je definieert je Content Model (het schema), maakt Content (de entries) en levert het via API's. Content is kanaal-agnostisch -- hetzelfde blogbericht kan je website, je mobiele app en je e-mailnieuwsbrief aandrijven zonder enige duplicatie.

Alles loopt via API's. Er is geen ingebouwde server-side rendering, geen templates, geen themalagen. Je bouwt de frontend op de manier die jij wilt, en Contentful regelt de opslag en levering van content.

De drie API's

Contentful biedt je drie afzonderlijke API's, elk met een eigen doel en authenticatie:

  • Content Delivery API (CDA): Alleen-lezen toegang tot gepubliceerde content. Ondersteund door Fastly's CDN, dus gecachede verzoeken zijn snel en onbeperkt. Ongecachede verzoeken zijn beperkt tot 55 per seconde.
  • Content Management API (CMA): Lees-schrijf toegang voor het programmatisch aanmaken en bijwerken van content. Beperkt tot 10 verzoeken per seconde. Dit is wat je zou gebruiken voor migraties, bulk-imports of CI/CD-pipelines.
  • Content Preview API (CPA): Hetzelfde als CDA maar levert conceptcontent. Perfect voor het bouwen van previewmodi in je frontend -- redacteuren kunnen ongepubliceerde wijzigingen zien voordat ze op publiceren drukken.

Alle drie ondersteunen zowel REST als GraphQL. Authenticatie verloopt via Bearer-tokens, met aparte tokens voor levering en beheer.

Omgevingen en spaces

Zie Spaces als projecten en Environments als git-branches voor je content. Je hebt misschien een master-omgeving voor productie en een staging-omgeving waar redacteuren kunnen werken zonder de live content te beïnvloeden.

Omgevingen ondersteunen aliasing -- je kunt de master-alias laten wijzen naar een nieuwe omgeving voor zero-downtime content-promoties. Als je een frontend framework kiest om te combineren met Contentful, werkt dit omgevingsmodel goed samen met preview-deployments op platforms als Vercel of Netlify.

Met webhooks kun je builds triggeren, synchroniseren met externe systemen of workflows starten wanneer content verandert. De meeste teams koppelen deze aan hun CI/CD-pipeline om hun statische site opnieuw te bouwen bij elke publicatiegebeurtenis.

Contentmodellering in Contentful

Contentmodellering is waar je de structuur van je content definieert -- het "schema" dat bepaalt welke velden bestaan, welke soorten data ze bevatten en hoe contenttypes zich tot elkaar verhouden. In onze ervaring is dit waar Contentful echt uitblinkt ten opzichte van eenvoudigere CMS-opties.

Je ontwerpt in wezen een contentschema, vergelijkbaar met databasetabellen maar flexibeler. Een contenttype "Blogbericht" kan een titel hebben (korte tekst), een body (rijke tekst), een auteur (verwijzing naar een Auteur-contenttype) en tags (array van strings). Elke entry die je aanmaakt volgt deze structuur.

Veldtypen en validaties

Contentful biedt een solide reeks veldtypen:

  • Korte tekst (Symbol): Titels, slugs, labels -- tot 256 tekens
  • Lange tekst (Text): Markdown of platte tekst, geen tekenlimiet
  • Rijke tekst: JSON-gebaseerd (geen HTML), geeft je volledige renderbeheer
  • Getal: Geheel getal of decimaal
  • Datum/tijd: ISO 8601-formaat
  • Boolean: Aan/uit-schakelaars
  • Media (Asset): Afbeeldingen, video's, documenten -- opgeslagen in Contentful's asset-pipeline
  • Verwijzing (Link): Koppel entries aan andere entries of assets
  • JSON-object: Vrij-vorm gestructureerde data
  • Locatie: Breedte- en lengtegraadparen

Elk veld ondersteunt validaties: verplicht, uniek, regex-patronen, groottelimieten en aangepaste validatiemeldingen. Je kunt ook weergaveopties instellen die bepalen hoe het veld in de editor-UI wordt gerenderd.

Verwijzingen en gekoppelde entries

Verwijzingen zijn hoe je contenttypes aan elkaar koppelt. Een "Auteur"-verwijzing op een Blogbericht koppelt aan een Auteur-entry. Een "Gerelateerde berichten"-veld kan verwijzen naar meerdere Blogbericht-entries. Dit creëert een contentgraph -- entries gekoppeld aan entries, opvraagbaar in één API-aanroep.

Zo ziet een Blogbericht-contenttype-definitie er werkelijk uit als je het aanmaakt via de Content Management API:

json
{
  "name": "Blog Post",
  "fields": [
    { "id": "title", "type": "Symbol", "required": true },
    { "id": "slug", "type": "Symbol", "validations": [{ "unique": true }] },
    { "id": "body", "type": "RichText" },
    { "id": "author", "type": "Link", "linkType": "Entry" },
    { "id": "publishDate", "type": "Date" },
    { "id": "tags", "type": "Array", "items": { "type": "Symbol" } }
  ]
}

Dit is het soort ding dat je in versiecontrole zou opslaan en via migratiescripts zou toepassen. Geen enkele concurrent toont dit in hun Contentful-gidsen -- ze praten over contentmodellering in abstracte termen zonder te laten zien hoe het er in code uitziet.

Content opvragen: REST en GraphQL API's

Contentful biedt zowel REST als GraphQL API's voor het ophalen van content. REST is eenvoudig voor simpele queries. GraphQL is beter als je geneste data nodig hebt, meerdere contenttypes in één verzoek, of wilt voorkomen dat je te veel ophaalt. Beide gebruiken dezelfde authenticatietokens.

Het GraphQL-eindpunt wordt automatisch gegenereerd vanuit je contentmodel. Elk contenttype dat je aanmaakt wordt een opvraagbaar type in het schema, met filtering, sortering en paginering ingebouwd. Het eindpunt bevindt zich op:

text
https://graphql.contentful.com/content/v1/spaces/{SPACE_ID}

Volgens Contentful's GraphQL-documentatie wordt het schema automatisch bijgewerkt wanneer je je contenttypes wijzigt -- geen handmatig schemabeheer nodig.

GraphQL-queryvoorbeelden

Hier is een basisquery om je tien meest recente blogberichten met hun auteurs op te halen:

graphql
query {
  blogPostCollection(limit: 10, order: publishDate_DESC) {
    items {
      title
      slug
      publishDate
      author {
        name
      }
    }
  }
}

Content in het Duits ophalen en filteren op tag? Voeg een where-clausule en een locale-parameter toe:

graphql
query {
  blogPostCollection(
    where: { tags_contains_some: ["javascript"] }
    locale: "de"
  ) {
    items {
      title
      body {
        json
      }
    }
  }
}

Iets om op te letten: GraphQL-queries hebben complexiteitslimieten. Diep geneste queries met meerdere gekoppelde verwijzingen kunnen het plafond raken. Contentful berekent complexiteit op basis van het aantal nodes en de diepte van je query. Als je blogberichten ophaalt met auteurs, categorieën, gerelateerde berichten en de auteur van elk gerelateerd bericht -- dat telt snel op.

REST API-basis

De REST API is eenvoudiger maar vereist meer verzoeken voor geneste data. Een basisverzoek voor blogberichten gaat naar https://cdn.contentful.com/spaces/{SPACE_ID}/entries?content_type=blogPost. Je krijgt JSON terug met een platte items-array en een apart includes-object voor gekoppelde entries dat je client-side moet oplossen.

Als je met TypeScript werkt, regelt Contentful's contentful.js SDK linkresolutie en typegenerering automatisch. Voor ruwe fetch-aanroepen is hier het minimale JavaScript om de GraphQL API te bevragen:

javascript
const response = await fetch(
  `https://graphql.contentful.com/content/v1/spaces/${SPACE_ID}`,
  {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Authorization: `Bearer ${CDA_TOKEN}`,
    },
    body: JSON.stringify({ query }),
  }
);
const { data } = await response.json();

Dat is alles. Geen SDK nodig, geen buildstap, geen dependencies. Dit werkt in Node.js, Deno, Cloudflare Workers, de browser -- overal waar je HTTP-verzoeken kunt doen.

Belangrijke functies om te kennen

Contentful wordt geleverd met een breed scala aan functies, maar niet elke functie is even belangrijk. Dit zijn de functies die je dagelijkse ervaring en architectuurkeuzes daadwerkelijk beïnvloeden.

Localisatie (sterktes en hiaten)

Contentful's localisatiemodel is solide op infrastructuurniveau. Je definieert locales voor je space (tot 100+ op Enterprise-plannen), en elk veld kan per locale waarden opslaan. Veldniveau-locale-overrides betekenen dat je Duitse titel kan afwijken van je Engelse terwijl ze hetzelfde hero-afbeelding delen.

Het hiaat is vertaalbeheer. Contentful geeft je de velden om vertalingen op te slaan, maar geen workflow om ze te produceren. Er is geen vertaalgeheugen, geen woordenlijst, geen toewijzingssysteem, geen voortgangsregistratie. Je hebt een externe integratie nodig -- Phrase, Smartcat of Lokalise -- om het daadwerkelijke vertaalproces te beheren. Voor teams die 10+ talen beheren (wij beheren er 10 op onze sites) wordt dit hiaat snel duur.

Omgevingen en branching

Omgevingen werken als git-branches voor je contentmodel en entries. Maak een staging-omgeving, breng schemawijzigingen aan, test met content, promoveer dan naar master wanneer je er klaar voor bent. Aliassen laten je wisselen naar welke omgeving master wijst zonder API-URL's te veranderen.

Dit is echt nuttig voor schemamigraties. Je kunt een nieuw contenttype in een geïsoleerde omgeving testen, verifiëren of de frontend het correct verwerkt en dan promoveren -- allemaal zonder productiecontent aan te raken. De meeste teams die we hebben gezien, gebruiken twee tot drie omgevingen: productie, staging en soms een feature-branch voor grote migraties.

Andere functies die het vermelden waard zijn:

  • Rollen en rechten: Gedetailleerde toegangscontrole -- beperk redacteuren tot specifieke contenttypes, blokkeer publicatietoegang voor junior rollen, aangepaste rollen op Enterprise-plannen, SSO
  • Webhooks: Trigger builds, Slack-meldingen of externe workflows bij elke contentgebeurtenis
  • Rijke tekst: JSON-gebaseerd, geeft volledige renderbeheer maar vereist aangepaste renderers voor elk frontend-framework
  • App Framework: Marketplace met extensies voor aangepaste veldeditors, sidebarwidgets en integraties
  • Afbeelding API: On-the-fly formaat wijzigen, bijsnijden, formaatconversie (WebP, AVIF) en brandpuntbijsnijden -- geen aparte afbeelding-CDN nodig

Wat er nieuw is in Contentful voor 2026

Contentful heeft in 2025 en begin 2026 aanzienlijke updates uitgebracht, en geen enkele concurrent behandelt ze. Als je Contentful evalueert op basis van informatie uit 2023 of 2024, werk je met een onvolledig beeld.

AI Actions en contentautomatisering

Contentful lanceerde AI Actions -- geautomatiseerde contentworkflows aangedreven door grote taalmodellen, direct in de editor. Deze verwerken vertaalconcepten, SEO-metadata-generatie, het schrijven van alt-tekst, toonsaanpassingen en contentsamenvatting. Je opent ze vanuit de editor-sidebar, en ze werken op de entry die je momenteel bewerkt.

Volgens Diginomica's berichtgeving zijn AI Actions onderdeel van Contentful's bredere stap richting positionering als volledig digital experience platform (DXP), niet alleen een headless CMS. De functie is echt nuttig voor het automatiseren van repetitieve redactionele taken, maar de vertaaloutput heeft nog steeds menselijke beoordeling nodig -- het is een eerste versie, geen afgewerkt product.

Contentful Studio (Visual Builder)

Contentful Studio werd in het voorjaar van 2024 GA en heeft zich in 2025 aanzienlijk ontwikkeld. Het is een visuele paginabouwer waarmee niet-ontwikkelaars pagina's kunnen samenstellen met drag-and-drop-componenten en live preview. Als je de kritiek hebt gehoord dat "Contentful geen visuele bewerking heeft" -- Studio is het antwoord, zij het met voorbehouden.

Studio vereist frontend-integratie (je componenten moeten worden geregistreerd bij Studio's SDK), en het is een betaalde add-on, niet inbegrepen in basisplannen. Voor teams die WordPress-achtige paginabouw op Contentful's gestructureerde contentmodel hebben gevraagd, is het nu een echte optie. Storyblok heeft nog steeds de voorsprong voor visueel-eerst workflows, maar de kloof wordt kleiner.

Personalisatie met Ninetailed

Contentful verwierf Ninetailed in 2024 en hernoemde het als Contentful Personalization. Zoals CMS Critic meldde, geeft dit je native A/B-testen, doelgroepsegmentatie en AI-gestuurde variantsuggesties -- allemaal toegankelijk vanuit een Optimization-tabblad in de editor.

Dit is opmerkelijk omdat personalisatie historisch gezien een aparte vendor vereiste (Optimizely, Dynamic Yield, etc.). Door het in de CMS te integreren, wordt de integratiecomplexiteit verminderd. Het addertje: Ninetailed is een apart product met eigen prijsstelling. Het is niet "gratis bij Contentful."

Contentful-prijzen: wat het werkelijk kost

Contentful biedt vier niveaus, maar de meeste concurrent-gidsen noemen ze alleen zonder je werkelijke cijfers te geven. Dit is wat je kunt verwachten per april 2026, gebaseerd op Contentful's prijspagina:

PlanPrijsGebruikersAPI-aanroepen/maandCDN-bandbreedteSpaces
Gratis (Community)$010100K50 GB1 Starter
Lite$300/maand201M100 GBMeerdere
PremiumAangepast (~$2K+/maand)OnbeperktOnbeperktAangepastAangepast
EnterpriseAangepast (mid-5 tot 6 cijfers/jaar)OnbeperktOnbeperktAangepastAangepast

"Contentful Maandelijkse Kosten per Niveau"

Gegevenstabel
"Contentful Maandelijkse Kosten per Niveau"
"Plan""Maandelijkse kosten"
"Gratis"0
"Lite"300
"Premium"2000
"Enterprise"5000

Het gratis niveau is royaal voor prototyping en leren. Je krijgt 10 gebruikers, 100K API-aanroepen en voldoende bandbreedte om een echt project te bouwen. Maar de kosten escaleren snel zodra je het outgroeit.

Verborgen kosten om op te budgetteren:

  • API-overagekosten op Lite: Ga over 1M aanroepen per maand en je ziet overage-regels op je factuur
  • Localekosten: Elke extra locale telt mee voor je space-limieten -- 50 locales op veldniveau telt op
  • Contentful Studio: De visuele bouwer is een betaalde add-on, niet inbegrepen in Lite of zelfs sommige Premium-plannen
  • Ninetailed personalisatie: Apart product, apart contract, aparte prijsstelling
  • Professionele diensten: Migratiehulp, onboarding en training worden apart gefactureerd
  • Rich Text renderers: Geen directe kosten, maar de ontwikkeltijd om aangepaste renderers voor je framework te bouwen is reëel

Onze eerlijke mening: Contentful's gratis niveau is solide voor evaluatie en kleine projecten. Maar als budget een primaire zorg is, elimineren open-source CMS-alternatieven zoals Strapi of Payload licentiekosten volledig -- je betaalt alleen voor hosting.

Contentful vs Sanity vs Strapi: hoe ze zich verhouden

Dit zijn de drie headless CMS-opties die in bijna elke evaluatie opkomen. We hebben productiesystemen op Sanity gebouwd, dus we kennen de sterktes en zwaktes uit eigen ervaring. Hier is een eerlijke vergelijking:

FunctieContentfulSanityStrapi
TypeSaaS (closed source)SaaS + self-hostOpen source (self-host of Cloud)
Gratis niveau10 gebruikers, 100K aanroepen100K API-aanroepen, 3 gebruikersOnbeperkt (self-host)
GraphQLNativePlugin (GROQ is primair)Native
ContentmodelleringGUI + APICode (schema-as-code)GUI + code
Realtime samenwerkingJaJa (Presence API)Beperkt
Visuele bewerkingStudio add-onVisual Editing (native)Nee
LocalisatieNative localesPlugin/aangepastPlugin (i18n)
PrijzenVanaf $300/maandVanaf $0 (royaal gratis)Gratis (self-host)
Beste voorEnterprise, multi-channelDeveloper-first, flexibele schema'sBudgetbewust, self-hosted

Contentful wint voor enterprise-teams met grote contentoperaties en strikte governance-eisen. Het volwassen rolsysteem, SSO, auditlogboeken en 99,99% SLA op Enterprise-plannen zijn moeilijk te evenaren.

Sanity wint op ontwikkelaarservaring en schemaflexibiliteit. Als je schema-as-code prefereert, de querykracht van GROQ wilt en de realtime samenwerkingsfuncties waardeert, is Sanity de betere keuze. Lees onze volledige Sanity CMS-gids voor de diepgaande analyse.

Strapi wint op kosten. Het is gratis te self-hosten zonder API-aanroeplimieten. Als je de DevOps-capaciteit hebt om je eigen infrastructuur te beheren en geen enterprise-ondersteuning nodig hebt, geeft Strapi je de meeste CMS per dollar.

Voor een bredere vergelijking inclusief Storyblok, Payload en Hygraph, zie onze volledige headless CMS-vergelijking.

Beperkingen die je moet kennen voor je Contentful kiest

Elke CMS heeft afwegingen. Dit zijn die van Contentful -- met specifieke cijfers, geen vage hand-waving. We zijn er zelf een paar tegengekomen bij het evalueren van Contentful voor onze eigen content-pipeline.

Ratelimieten zijn reëel. De CDA staat 55 ongecachede verzoeken per seconde toe. CDN-gecachede responses zijn onbeperkt, maar als je app de cache omzeilt (server-side rendering bij elk verzoek, bijvoorbeeld), raak je snel limieten. De CMA is nog strakker met 10 verzoeken per seconde -- relevant voor migratiescripts en bulk-imports.

Geen ingebouwde visuele bewerking (zonder extra te betalen). Contentful Studio bestaat, maar het is een betaalde add-on die frontend-integratie vereist. Als je team WordPress-stijl paginabouw in het basisproduct verwacht, bereid je dan voor op dat gesprek. Storyblok biedt visuele bewerking op elk niveau.

Geen vertaalbeheer. Je krijgt locale-velden -- dat is alles. Geen vertaalworkflows, geen toewijzingssysteem, geen vertaalgeheugen, geen voortgangsregistratie. Voor een platform dat localisatie als sleutelfunctie verkoopt, is de daadwerkelijke vertaalervaring volledig afhankelijk van tools van derden zoals Phrase, Smartcat of Lokalise.

Ontwikkelaarsafhankelijkheid voor alles wat frontend betreft. Redacteuren kunnen entries aanmaken en beheren. Ze kunnen geen paginalay-outs wijzigen, nieuwe secties toevoegen, navigatie aanpassen of de frontend op enige manier bijwerken zonder een ontwikkelaar. Dit is inherent aan headless architectuur, maar het wordt versterkt in Contentful omdat het basisproduct geen paginabouwer bevat.

Prijzen worden onvoorspelbaar op schaal. API-aanroepoverages, locale-gebaseerde limieten, add-on-kosten voor Studio en Personalization en professionele diensten creëren een prijsmodel dat moeilijk te voorspellen is. Meerdere teams met wie we hebben gesproken, waren verrast door hun eerste factuur na het gratis niveau.

Rich Text-complexiteit. Contentful's Rich Text is JSON-gebaseerd, niet HTML. Elk frontend-framework heeft een aangepaste renderer nodig -- @contentful/rich-text-react-renderer voor React, rich-text-html-renderer voor vanilla JS, etc. Het geeft je volledige controle over rendering, maar het is aanzienlijk meer ontwikkelwerk dan op HTML-gebaseerde concurrenten.

Vendor lock-in. Closed source, uitsluitend SaaS, geen self-hosting optie. Je content is exporteerbaar via API, maar je contentmodel, workflows en integraties zijn Contentful-specifiek. Als prijzen veranderen of functies worden afgeschaft, zijn je opties beperkt.

Wie Contentful wel (en niet) zou moeten gebruiken

Contentful is een sterk platform, maar het is niet de juiste keuze voor elk project. Hier is een beslissingsraamwerk om jezelf te helpen kiezen.

Gebruik Contentful als:

  • Je een enterprise-team bent dat content beheert over meerdere kanalen (web, mobiel, IoT, digitale signage)
  • Je native localisatie nodig hebt met 50+ locales en veldniveau-overrides
  • Je een volwassen, beproefd platform wilt met dedicated ondersteuning en 99,99% SLA
  • Je team bestaat uit ontwikkelaars die vertrouwd zijn met API-first architectuur
  • Je gedetailleerde rollen, rechten, auditlogboeken en SSO nodig hebt

Sla Contentful over als:

  • Je een solo-ontwikkelaar of klein team bent met budgetbeperkingen -- kijk naar Strapi of Payload
  • Je een visuele paginabouwer wilt die is inbegrepen in het basisproduct -- kijk naar Storyblok
  • Je code-first schemadefinities en maximale flexibiliteit prefereert -- kijk naar Sanity
  • Je een eenvoudige blog-CMS nodig hebt -- WordPress of Ghost is goedkoper en sneller in te stellen
  • Je wilt self-hosten voor compliance-redenen -- kijk naar Strapi of Payload
Als je dit nodig hebt...KiesOmdat
Enterprise-grade governanceContentfulVolwassen rollen, SSO, auditlogboeken, 99,99% SLA
Maximale ontwikkelaarsflexibiliteitSanitySchema-as-code, GROQ, portable text
Nul licentiekostenStrapi of PayloadOpen source, self-hostable
Visuele bewerking OOTBStoryblokVisuele editor is het kernproduct
Eenvoudige blogWordPress of GhostSnelste tijd-tot-publicatie

Voor een diepgaandere blik op al deze alternatieven, bekijk onze volledige headless CMS-vergelijking.

Aan de slag: je eerste 15 minuten met Contentful

Hier is een praktische walkthrough -- geen theorie, maar de exacte stappen om van nul te gaan naar content opvragen via GraphQL in ongeveer 15 minuten.

Stap 1: Registreer je. Ga naar contentful.com en maak een gratis account aan. Geen creditcard nodig.

Stap 2: Maak een Space aan. Een Space is je projectcontainer. Het gratis niveau geeft je één Starter Space. Geef het een beschrijvende naam.

Stap 3: Definieer een contenttype. Ga naar Content Model, klik op "Add content type" en maak een "Article"-type aan. Voeg velden toe: Titel (Korte tekst, verplicht), Slug (Korte tekst, unieke validatie), Body (Rijke tekst), Omslagafbeelding (Media) en Publicatiedatum (Datum en tijd).

Stap 4: Maak een entry aan. Navigeer naar Content, klik op "Add Article" en vul de velden in. Druk op Publiceren.

Stap 5: Pak je API-sleutels. Ga naar Instellingen -> API-sleutels. Maak een nieuwe API-sleutel aan. Je krijgt een Space ID, Content Delivery API-token en Content Preview API-token. Sla deze op.

Stap 6: Bevraag via GraphQL Playground. Open deze URL in je browser (vervang door je eigen credentials):

text
https://graphql.contentful.com/content/v1/spaces/{SPACE_ID}/explore?access_token={CDA_TOKEN}

Stap 7: Haal op vanuit je app. Gebruik het JavaScript fetch-voorbeeld uit de API's-sectie hierboven -- vervang je Space ID en CDA-token, en je haalt live content op.

Pro tip: De GraphQL Playground URL is niet meteen zichtbaar in de Contentful UI. Je vindt hem onder Instellingen -> API-sleutels -> GraphQL Playground URL, of je construeert hem handmatig met de bovenstaande sjabloon. Sla hem op als favoriet -- je gebruikt hem constant tijdens de ontwikkeling.

Veelgestelde vragen

Wat is Contentful CMS en hoe werkt het?

Contentful is een API-first headless CMS dat gestructureerde content opslaat in een cloud-hub en die levert via REST en GraphQL API's. In tegenstelling tot WordPress heeft het geen frontend -- je bouwt die zelf met elk gewenst framework. Redacteuren beheren entries via Contentful's webapp, en ontwikkelaars halen die content op via API's.

Is Contentful gratis te gebruiken?

Ja, Contentful biedt een gratis Community-niveau dat 10 gebruikers, 100K API-aanroepen per maand, 50 GB CDN-bandbreedte en één Starter Space omvat. Dat is voldoende voor prototyping en kleine projecten. Betaalde plannen beginnen bij $300 per maand voor het Lite-niveau, met Premium- en Enterprise-niveaus tegen aangepaste prijzen.

Wat is contentmodellering in Contentful?

Contentmodellering betekent het definiëren van gestructureerde contenttypes met velden, validaties en verwijzingen -- vergelijkbaar met het ontwerpen van een databaseschema maar dan voor content. Je maakt typen aan zoals "Blogbericht" of "Product" met specifieke velden (titel, body, afbeelding, categorie), en elke entry volgt die structuur. Het is Contentful's fundament.

Hoe verhoudt Contentful zich tot WordPress?

Contentful is headless (uitsluitend API, geen ingebouwde frontend), terwijl WordPress contentbeheer bundelt met op thema's gebaseerde rendering. Contentful blinkt uit bij multi-channel levering -- dezelfde content kan web, mobiel en IoT bedienen. WordPress blinkt uit bij eenvoud -- je hebt een werkende site in minuten zonder ontwikkelaar.

Is Contentful geschikt voor enterprise-gebruik?

Ja, Contentful is een van de meest door enterprises geadopteerde headless CMS-platforms. Enterprise-plannen bevatten SSO, gedetailleerde rolgebaseerde toegang, auditlogboeken, dedicated ondersteuning, een 99,99% SLA en onbeperkte API-aanroepen. Bedrijven als Spotify, Vodafone, Chanel en Atlassian gebruiken het voor grootschalige contentoperaties.

Wat zijn de nadelen van Contentful?

Belangrijkste beperkingen zijn: geen ingebouwde visuele bewerking in het basisproduct (Studio is een betaalde add-on), onvoorspelbaarheid van prijzen op schaal door API-overages en add-on-kosten, geen vertaalbeheerworkflow, ontwikkelaarsafhankelijkheid voor alle frontend-wijzigingen, Rich Text JSON dat aangepaste renderers vereist, en vendor lock-in zonder self-hosting optie.

Ondersteunt Contentful GraphQL?

Ja, native. Elke Contentful-space krijgt een automatisch gegenereerd GraphQL-schema op basis van je contenttypes. Je kunt opvragen met filtering, paginering, sortering en locale-specifieke verzoeken. Het eindpunt is op graphql.contentful.com/content/v1/spaces/{SPACE_ID}, geauthenticeerd met je Content Delivery API-token.

Hoeveel kost Contentful per maand?

Het gratis niveau kost $0. Lite is $300 per maand met 20 gebruikers en 1M API-aanroepen. Premium begint rond $2.000+/maand met aangepaste prijsstelling. Enterprise loopt in het midden van vijf tot zes cijfers per jaar. Let op verborgen kosten: API-overage-kosten, Contentful Studio add-on-kosten, Ninetailed personalisatieprijzen en professionele diensten.

Kan Contentful meerdere talen aan?

Ja, Contentful heeft native locale-ondersteuning met veldniveau-overrides -- elk veld kan verschillende waarden per locale opslaan. Er is echter geen ingebouwde vertaalworkflow, vertaalgeheugen of woordenlijst. Je hebt integraties van derden nodig zoals Phrase, Smartcat of Lokalise om het daadwerkelijke vertaalproces op schaal te beheren.

Wat is Contentful Studio?

Contentful Studio is een visuele paginabouwer-add-on die in het voorjaar van 2024 GA werd. Het stelt niet-ontwikkelaars in staat pagina's samen te stellen met drag-and-drop-componenten en live preview. Het vereist frontend-integratie (je componenten moeten worden geregistreerd bij Studio's SDK) en is een betaalde add-on -- niet inbegrepen in basisplannen van Contentful.

Tags

contentful-gidsheadless-cmscontentmodelleringgraphqlapi-first-cms

Dit artikel delen

Start je project

Klaar om iets buitengewoons te bouwen?

Laten we je idee werkelijkheid maken. Ons team staat klaar om software te bouwen die het verschil maakt.