![Contentful CMS-guide: Funktioner, priser, GraphQL-API og kodeeksempler [2026]](/_next/image?url=https%3A%2F%2Fmedia.techsy.io%2Ftechsy-io%2Fhero-106-1200x630.webp&w=3840&q=75)
Contentful CMS-guide: Funktioner, priser, GraphQL-API og kodeeksempler [2026]
Contentful er et API-først headless CMS, der gemmer dit indhold i en central hub og leverer det via REST- og GraphQL-API'er til enhver frontend – web, mobil, IoT, digital skiltning, hvad end du bygger. Denne guide dækker alt det, konkurrenterne springer over: rigtige kodeeksempler, reelle pristal og ærlige begrænsninger.
Vi bruger Sanity (en direkte Contentful-konkurrent) i produktion på tværs af fire websites og ti sprog, så vi tilgår det som praktikere, ikke som en leverandørs salgstale.
Hurtigt overblik
| Detalje | Info |
|---|---|
| Type | Headless CMS (API-først) |
| Grundlagt | 2013, Berlin |
| Bedst til | Enterprise-teams, multikanal-indhold, lokaliseringstunge projekter |
| Ikke ideel til | Soloudviklere med stramt budget, simple blogs, teams der behøver visuel redigering fra start |
| Gratisplan | Ja – 10 brugere, 100K API-kald/md., 1 space |
| Betalingsplaner | Fra 300 $/md. (Lite) til skræddersyet Enterprise |
| API'er | REST (CDA, CMA, CPA) + GraphQL |
| Indholdsmodellering | Struktureret: indholdstyper, felter, referencer, valideringer |
| AI-funktioner | AI Actions, Contentful Studio, Ninetailed-personalisering |
| Lokalisering | Indbygget locale-understøttelse, ingen indbygget oversættelsesstyring |
| Open source | Nej |
| Vigtigste konkurrenter | Sanity, Strapi, Storyblok, Payload, Hygraph |
Hvad er Contentful?
Contentful er et cloud-native, API-først headless CMS – eller som virksomheden selv kalder det nu: en "composable content platform". I modsætning til traditionelle systemer som WordPress, der samler indholdsstyring og frontend i én pakke, gemmer Contentful struktureret indhold centralt og leverer det gennem API'er til enhver kanal, du har brug for.
Det centrale koncept er afkoblet arkitektur. Dit indhold lever i Contentfuls cloud. Din frontend – hvad enten det er et Next.js-site, en React Native-app eller en smartskærm – henter indhold gennem Contentfuls API'er ved build-tid eller runtime. Indholdet ved ikke og er ligeglad med, hvor det ender.
Contentful blev grundlagt i Berlin i 2013 og er vokset til en af de største headless CMS-leverandører. Brands som Spotify, Vodafone, Chanel og Atlassian kører deres indholdsdrift på platformen. Den er ikke open source, og der er ingen self-hosted mulighed – det er udelukkende SaaS, hvilket betyder noget, hvis du har compliance-krav omkring dataresidens.
Ifølge Contentfuls officielle dokumentation positionerer platformen sig som infrastruktur for indhold – en indholdshub, der sidder mellem dit redaktionelle team og dine digitale oplevelser.
Hvordan fungerer Contentful?
Contentful følger en trelagsarkitektur: Du definerer din indholdsmodel (schemaet), opretter indhold (entries) og leverer det gennem API'er. Indholdet er kanalagnostisk – det samme blogindlæg kan drive dit website, din mobilapp og dit nyhedsbrev uden nogen duplikering.
Alt flyder gennem API'er. Der er ingen indbygget server-side rendering, ingen skabeloner, intet temalag. Du bygger frontenden, som du vil, og Contentful håndterer indholdslagring og -levering.
De tre API'er
Contentful giver dig tre forskellige API'er, hver med sit eget formål og sin egen autentificering:
- Content Delivery API (CDA): Skrivebeskyttet adgang til publiceret indhold. Understøttet af Fastlys CDN, så cachede forespørgsler er hurtige og ubegrænsede. Ikke-cachede forespørgsler er rate-begrænsede til 55 i sekundet.
- Content Management API (CMA): Læse-skrive-adgang til at oprette og opdatere indhold programmatisk. Rate-begrænset til 10 forespørgsler i sekundet. Det er denne, du bruger til migreringer, masseimporter eller CI/CD-pipelines.
- Content Preview API (CPA): Samme som CDA, men leverer kladdeindhold. Perfekt til at bygge forhåndsvisningstilstande i din frontend – redaktører kan se upublicerede ændringer, før de trykker på publicér.
Alle tre understøtter både REST og GraphQL. Autentificering sker via Bearer-tokens med separate tokens til levering og styring.
Environments og Spaces
Tænk på Spaces som projekter og Environments som git-branches for dit indhold. Du kan have et master-environment til produktion og et staging-environment, hvor redaktører kan arbejde uden at påvirke det live indhold.
Environments understøtter aliasing – du kan pege master-aliaset mod et nyt environment for indholdspromoveringer uden nedetid. Hvis du er i gang med at vælge et frontend-framework at parre med Contentful, fungerer denne environment-model godt med preview-deployments på platforme som Vercel eller Netlify.
Webhooks lader dig trigge builds, synkronisere med eksterne systemer eller sætte workflows i gang, hver gang indhold ændres. De fleste teams kobler dem på deres CI/CD-pipeline for at genopbygge deres statiske site ved hver publicering.
Indholdsmodellering i Contentful
Indholdsmodellering er der, hvor du definerer strukturen af dit indhold – det "schema", der bestemmer, hvilke felter der findes, hvilke datatyper de indeholder, og hvordan indholdstyper relaterer til hinanden. I vores erfaring er det her, Contentful virkelig skinner sammenlignet med simplere CMS-muligheder.
Du designer i bund og grund et indholdsschema – ligesom databasetabeller, men mere fleksibelt. En "Blog Post"-indholdstype kan have en titel (kort tekst), en brødtekst (rich text), en forfatter (reference til en Author-indholdstype) og tags (array af strenge). Hvert entry, du opretter, følger denne struktur.
Felttyper og valideringer
Contentful tilbyder et solidt udvalg af felttyper:
- Kort tekst (Symbol): Titler, slugs, labels – op til 256 tegn
- Lang tekst (Text): Markdown eller ren tekst, ingen tegnegrænse
- Rich text: JSON-baseret (ikke HTML), giver dig fuld kontrol over rendering
- Tal: Heltal eller decimaltal
- Dato/tid: ISO 8601-format
- Boolean: Til/fra-skifter
- Medier (Asset): Billeder, videoer, dokumenter – gemt i Contentfuls asset-pipeline
- Reference (Link): Forbind entries med andre entries eller assets
- JSON-objekt: Frit strukturerede data
- Lokation: Breddegrad/længdegrad-par
Hvert felt understøtter valideringer: påkrævet, unik, regex-mønstre, størrelsesgrænser og tilpassede valideringsbeskeder. Du kan også indstille visningsmuligheder, der styrer, hvordan feltet vises i redigeringsgrænsefladen.
Referencer og linkede entries
Referencer er måden, du forbinder indholdstyper på. En "Author"-reference på et Blog Post linker til et Author-entry. Et "Related Posts"-felt kan referere til flere Blog Post-entries. Det skaber en indholdsgraf – entries linket til entries – som kan forespørges i ét enkelt API-kald.
Sådan ser en Blog Post-indholdstypedefinition faktisk ud, når du opretter den via Content Management API'et:
{
"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" } }
]
}Det er den slags, du ville gemme i versionsstyring og anvende gennem migreringsscripts. Ingen konkurrenter viser dette i deres Contentful-guider – de taler om indholdsmodellering i abstrakte termer uden at vise, hvordan det faktisk ser ud i kode.
Forespørgsler på indhold: REST- og GraphQL-API'er
Contentful tilbyder både REST- og GraphQL-API'er til at hente indhold. REST er ligetil til simple forespørgsler. GraphQL er bedre, når du har brug for indlejrede data, flere indholdstyper i én forespørgsel eller vil undgå over-fetching. Begge bruger de samme autentificeringstokens.
GraphQL-endepunktet genereres automatisk fra din indholdsmodel. Hver indholdstype, du opretter, bliver en forespørgelig type i schemaet med indbygget filtrering, sortering og paginering. Endepunktet ligger på:
https://graphql.contentful.com/content/v1/spaces/{SPACE_ID}Ifølge Contentfuls GraphQL-dokumentation opdateres schemaet automatisk, hver gang du ændrer dine indholdstyper – ingen manuel schemastyring nødvendig.
GraphQL-forespørgselseksempler
Her er en grundlæggende forespørgsel til at hente dine ti seneste blogindlæg med deres forfattere:
query {
blogPostCollection(limit: 10, order: publishDate_DESC) {
items {
title
slug
publishDate
author {
name
}
}
}
}Har du brug for at filtrere efter tag og hente indhold på tysk? Tilføj en where-klausul og en locale-parameter:
query {
blogPostCollection(
where: { tags_contains_some: ["javascript"] }
locale: "de"
) {
items {
title
body {
json
}
}
}
}Én ting at være opmærksom på: GraphQL-forespørgsler har kompleksitetsgrænser. Dybt indlejrede forespørgsler med flere linkede referencer kan ramme loftet. Contentful beregner kompleksitet baseret på antallet af noder og dybden af din forespørgsel. Hvis du henter blogindlæg med forfattere, kategorier, relaterede indlæg og hver relateret indlægs forfatter, løber det hurtigt op.
REST API-basics
REST API'et er simplere, men kræver flere forespørgsler for indlejrede data. En grundlæggende hentning af blogindlæg rammer https://cdn.contentful.com/spaces/{SPACE_ID}/entries?content_type=blogPost. Du får JSON med et fladt items-array og et separat includes-objekt for linkede entries, som du skal resolve på klientsiden.
Hvis du arbejder med TypeScript, håndterer Contentfuls contentful.js-SDK link-opløsning og typegenerering automatisk. Til rå fetch-kald er her den minimale JavaScript til at forespørge GraphQL API'et:
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();Det er det. Ingen SDK påkrævet, intet build-trin, ingen afhængigheder. Det virker i Node.js, Deno, Cloudflare Workers, browseren – overalt hvor du kan lave HTTP-forespørgsler.
Vigtige funktioner værd at kende
Contentful leveres med et bredt funktionssæt, men ikke alle funktioner betyder lige meget. Her er dem, der faktisk påvirker din daglige oplevelse og dine arkitekturbeslutninger.
Lokalisering (styrker og mangler)
Contentfuls lokaliseringsmodel er solid på infrastrukturniveau. Du definerer locales for dit space (op til 100+ på Enterprise-planer), og hvert felt kan gemme værdier pr. locale. Locale-overskrivning på feltniveau betyder, at din tyske titel kan afvige fra den engelske, mens I deler det samme hero-billede.
Manglen er oversættelsesstyring. Contentful giver dig felterne til at gemme oversættelser, men ingen workflow til at producere dem. Der er ingen oversættelseshukommelse, ingen ordliste, ingen opgavetildeling, ingen fremgangssporing. Du har brug for en tredjepartsintegration – Phrase, Smartcat eller Lokalise – til at håndtere selve oversættelsesprocessen. For teams, der styrer 10+ sprog (vi styrer 10 på tværs af vores sites), bliver denne mangel hurtigt dyr.
Environments og branching
Environments fungerer som git-branches for din indholdsmodel og dine entries. Opret et staging-environment, lav schemaændringer, test med indhold, og promovér derefter til master, når du er klar. Aliaser lader dig skifte, hvilket environment master peger på, uden at ændre API-URL'er.
Det er virkelig nyttigt til schemamigreringer. Du kan teste en ny indholdstype i et isoleret environment, verificere at frontenden håndterer den korrekt og derefter promovere – alt sammen uden at røre produktionsindhold. De fleste teams, vi har set, bruger to til tre environments: produktion, staging og lejlighedsvis en feature-branch til store migreringer.
Andre funktioner værd at nævne:
- Roller og rettigheder: Finkornet adgangskontrol, begræns redaktører til bestemte indholdstyper, blokér publiceringsadgang for juniorroller, tilpassede roller på Enterprise-planer, SSO
- Webhooks: Trigge builds, Slack-notifikationer eller eksterne workflows ved enhver indholdshændelse
- Rich Text: JSON-baseret, giver fuld kontrol over rendering, men kræver tilpassede renderers for hvert frontend-framework
- App Framework: Markedsplads med udvidelser til tilpassede feltredigeringsværktøjer, sidebar-widgets og integrationer
- Image API: On-the-fly resizing, beskæring, formatkonvertering (WebP, AVIF) og fokuspunktbeskæring – intet separat billed-CDN nødvendigt
Nyt i Contentful for 2026
Contentful har leveret betydelige opdateringer gennem 2025 og ind i 2026, og ingen konkurrentguider dækker nogen af dem. Hvis du evaluerer Contentful baseret på information fra 2023 eller 2024, arbejder du med et ufuldstændigt billede.
AI Actions og indholdsautomatisering
Contentful lancerede AI Actions – automatiserede indholdsworkflows drevet af store sprogmodeller direkte i editoren. De håndterer oversættelseskladder, SEO-metadatagenerering, alt-tekst-skrivning, tonejusteringer og indholdssummering. Du tilgår dem fra editorens sidebar, og de opererer på det entry, du aktuelt redigerer.
Ifølge Diginomicas dækning er AI Actions en del af Contentfuls bredere fremstød mod at positionere sig som en fuld digital oplevelsesplatform (DXP), ikke blot et headless CMS. Funktionen er virkelig nyttig til automatisering af repetitive redaktionelle opgaver, selvom oversættelsesoutputtet stadig kræver menneskelig gennemgang – det er et første udkast, ikke et færdigt produkt.
Contentful Studio (visuel builder)
Contentful Studio blev GA i foråret 2024 og er modnet betydeligt gennem 2025. Det er en visuel page builder, der lader ikke-udviklere sammensætte sider med drag-and-drop-komponenter og live-forhåndsvisning. Hvis du har hørt kritikken om, at "Contentful ikke har visuel redigering", er Studio svaret – dog med forbehold.
Studio kræver frontendintegration (dine komponenter skal registreres hos Studios SDK), og det er et betalt tilvalg, der ikke er inkluderet i basisplanerne. For teams, der har efterspurgt WordPress-lignende sidebygning oven på Contentfuls strukturerede indholdsmodel, er det nu en reel mulighed. Storyblok har stadig forspringet til visuelle-først-workflows, men afstanden mindskes.
Personalisering med Ninetailed
Contentful opkøbte Ninetailed i 2024 og omdøbte det til Contentful Personalization. Som CMS Critic rapporterede, giver det dig indbygget A/B-testning, audiencesegmentering og AI-drevne variantforslag – alt sammen tilgængeligt fra en Optimization-fane i editoren.
Det er bemærkelsesværdigt, fordi personalisering historisk krævede en separat leverandør (Optimizely, Dynamic Yield osv.). At have det indbygget i CMS'et reducerer integrationskompleksiteten. Hagen: Ninetailed er et separat produkt med sin egen prissætning. Det er ikke "gratis med Contentful".
Contentful-priser: Hvad det faktisk koster
Contentful tilbyder fire planer, men de fleste konkurrentguider nævner dem kun uden at give dig reelle tal. Her er, hvad du kigger på pr. april 2026, baseret på Contentfuls prisside:
| Plan | Pris | Brugere | API-kald/md. | CDN-båndbredde | Spaces |
|---|---|---|---|---|---|
| Gratis (Community) | 0 $ | 10 | 100K | 50 GB | 1 Starter |
| Lite | 300 $/md. | 20 | 1 mio. | 100 GB | Flere |
| Premium | Tilpasset (~2.000+ $/md.) | Ubegrænset | Ubegrænset | Tilpasset | Tilpasset |
| Enterprise | Tilpasset (mellem 5 og 6 cifre/år) | Ubegrænset | Ubegrænset | Tilpasset | Tilpasset |
"Contentful Monthly Cost by Tier"
Datatable
| "Plan" | "Monthly Cost" |
|---|---|
| "Free" | 0 |
| "Lite" | 300 |
| "Premium" | 2000 |
| "Enterprise" | 5000 |
Gratisplanen er generøs til prototyping og læring. Du får 10 brugere, 100K API-kald og nok båndbredde til at bygge et rigtigt projekt. Men omkostningerne eskalerer hurtigt, når du vokser ud af den.
Skjulte omkostninger at budgettere med:
- API-overforbrugsgebyrer på Lite: Overskrid 1 mio. kald/måned, og du vil se overforbrugsposter på din regning
- Locale-omkostninger: Hver ekstra locale tæller mod dine space-grænser – 50 locales på feltniveau løber op
- Contentful Studio: Den visuelle builder er et betalt tilvalg, ikke inkluderet i Lite eller endda visse Premium-planer
- Ninetailed-personalisering: Separat produkt, separat kontrakt, separat prissætning
- Professionelle tjenester: Migreringsbistand, onboarding og træning faktureres separat
- Rich Text-renderers: Ikke en direkte omkostning, men udviklingstiden til at bygge tilpassede renderers til dit framework er reel
Vores ærlige vurdering: Contentfuls gratisplan er solid til evaluering og små projekter. Men hvis budgettet er en primær bekymring, eliminerer open source CMS-alternativer som Strapi eller Payload licensomkostningerne helt – du betaler kun for hosting.
Contentful vs. Sanity vs. Strapi: Sådan sammenligner de
Det er de tre headless CMS-muligheder, der dukker op i næsten enhver evaluering. Vi har bygget produktionssystemer på Sanity, så vi kender dets styrker og svagheder på første hånd. Her er en ærlig sammenligning:
| Funktion | Contentful | Sanity | Strapi |
|---|---|---|---|
| Type | SaaS (lukket kildekode) | SaaS + self-host | Open source (self-host eller Cloud) |
| Gratisplan | 10 brugere, 100K kald | 100K API-kald, 3 brugere | Ubegrænset (self-host) |
| GraphQL | Indbygget | Plugin (GROQ er primær) | Indbygget |
| Indholdsmodellering | GUI + API | Kode (schema-as-code) | GUI + kode |
| Realtidssamarbejde | Ja | Ja (Presence API) | Begrænset |
| Visuel redigering | Studio-tilvalg | Visual Editing (indbygget) | Nej |
| Lokalisering | Indbyggede locales | Plugin/tilpasset | Plugin (i18n) |
| Priser | Fra 300 $/md. | Fra 0 $ (generøs gratisplan) | Gratis (self-host) |
| Bedst til | Enterprise, multikanal | Udviklerførst, fleksible schemaer | Budgetbevidst, self-hosted |
Contentful vinder for enterprise-teams med store indholdsoperationer og strenge governance-krav. Det modne rollesystem, SSO, revisionslogfiler og 99,99 % SLA på Enterprise-planer er svære at matche.
Sanity vinder på udvikleroplevelse og schemafleksibilitet. Hvis du foretrækker schema-as-code, vil have GROQs forespørgselskraft og værdsætter realtidssamarbejdsfunktionerne, er Sanity det bedre valg. Læs vores fulde Sanity CMS-guide for en dybdegående gennemgang.
Strapi vinder på pris. Det er gratis at self-hoste uden API-kaldsgrænser. Hvis du har DevOps-kapaciteten til at styre din egen infrastruktur og ikke har brug for enterprise-support, giver Strapi dig mest CMS for pengene.
For en bredere sammenligning, der inkluderer Storyblok, Payload og Hygraph, se vores fulde headless CMS-sammenligning.
Begrænsninger du bør kende, før du vælger Contentful
Ethvert CMS har afvejninger. Her er Contentfuls – med konkrete tal, ikke vag håndviften. Vi stødte på flere af disse, da vi evaluerede Contentful til vores egen indholdspipeline.
Rate-grænser er reelle. CDA'et tillader 55 ikke-cachede forespørgsler i sekundet. CDN-cachede svar er ubegrænsede, men hvis din app omgår cachen (server-side rendering ved hver forespørgsel, for eksempel), rammer du grænserne hurtigt. CMA'et er endnu strammere med 10 forespørgsler i sekundet – relevant for migreringsscripts og masseimporter.
Ingen indbygget visuel redigering (uden ekstra betaling). Contentful Studio findes, men det er et betalt tilvalg, der kræver frontendintegration. Hvis dit team forventer WordPress-agtig sidebygning i basisproduktet, så forbered dig på den samtale. Storyblok inkluderer visuel redigering på alle planer.
Ingen oversættelsesstyring. Du får locale-felter, og det er det. Ingen oversættelsesworkflows, ingen opgavetildeling, ingen oversættelseshukommelse, ingen fremgangssporing. For en platform, der sælger lokalisering som en nøglefunktion, afhænger den faktiske oversættelsesoplevelse helt af tredjepartsværktøjer som Phrase, Smartcat eller Lokalise.
Udviklerafhængighed for alt frontend. Indholdsredaktører kan oprette og styre entries. De kan ikke ændre sidelayouts, tilføje nye sektioner, ændre navigation eller opdatere frontenden på nogen måde uden en udvikler. Det er iboende for headless-arkitektur, men det forstærkes i Contentful, fordi basisproduktet ikke inkluderer en page builder.
Priserne bliver uforudsigelige i skala. API-kaldsoverforbrug, locale-baserede grænser, tilvalgskomkostninger for Studio og Personalisering samt professionelle tjenester skaber en prismodel, der er svær at forudse. Flere teams, vi har talt med, blev overraskede over deres første regning efter gratisplanen.
Rich Text-kompleksitet. Contentfuls Rich Text er JSON-baseret, ikke HTML. Hvert frontend-framework kræver en tilpasset renderer – @contentful/rich-text-react-renderer til React, rich-text-html-renderer til vanilla JS osv. Det giver dig fuld kontrol over rendering, men det er betydeligt mere udviklingsarbejde end HTML-baserede konkurrenter.
Leverandørlås. Lukket kildekode, kun SaaS, ingen self-hosting-mulighed. Dit indhold kan eksporteres via API, men din indholdsmodel, workflows og integrationer er Contentful-specifikke. Hvis priserne ændres, eller funktioner udgår, er dine muligheder begrænsede.
Hvem bør (og bør ikke) bruge Contentful
Contentful er en stærk platform, men det er ikke det rigtige valg for ethvert projekt. Her er en beslutningsramme, der hjælper dig med at vurdere, om det passer til dig.
Brug Contentful, hvis:
- Du er et enterprise-team, der styrer indhold på tværs af flere kanaler (web, mobil, IoT, digital skiltning)
- Du har brug for indbygget lokalisering med 50+ locales og feltniveau-overskrivning
- Du vil have en moden, gennemprøvet platform med dedikeret support og 99,99 % SLA
- Dit team inkluderer udviklere, der er trygge ved API-først-arkitektur
- Du har brug for finkornede roller, rettigheder, revisionslogfiler og SSO
Spring Contentful over, hvis:
- Du er en soloudvikler eller et lille team med budgetbegrænsninger – kig på Strapi eller Payload
- Du vil have en visuel page builder inkluderet i basisproduktet – kig på Storyblok
- Du foretrækker kode-først-schemadefinitioner og maksimal fleksibilitet – kig på Sanity
- Du har brug for et simpelt blog-CMS – WordPress eller Ghost er billigere og hurtigere at sætte op
- Du vil self-hoste af compliance-årsager – kig på Strapi eller Payload
| Hvis du har brug for... | Vælg | Fordi |
|---|---|---|
| Enterprise-grade governance | Contentful | Modne roller, SSO, revisionslogfiler, 99,99 % SLA |
| Maksimal udviklerfleksibilitet | Sanity | Schema-as-code, GROQ, portable text |
| Nul licensomkostninger | Strapi eller Payload | Open source, kan self-hostes |
| Visuel redigering fra start | Storyblok | Visuel editor er kerneproduktet |
| Simpel blog | WordPress eller Ghost | Hurtigst til publicering |
For et dybere kig på alle disse alternativer, se vores fulde headless CMS-sammenligning.
Kom i gang: Dine første 15 minutter med Contentful
Her er en praktisk gennemgang – ikke teori, men de præcise trin til at gå fra nul til at forespørge indhold via GraphQL på cirka 15 minutter.
Trin 1: Tilmeld dig. Gå til contentful.com og opret en gratis konto. Intet kreditkort nødvendigt.
Trin 2: Opret et Space. Et Space er din projektbeholder. Gratisplanen giver dig ét Starter Space. Giv det et beskrivende navn.
Trin 3: Definér en indholdstype. Gå til Content Model, klik på "Add content type", og opret en "Article"-type. Tilføj felter: Title (kort tekst, påkrævet), Slug (kort tekst, unik validering), Body (rich text), Cover Image (medier) og Published Date (dato og tid).
Trin 4: Opret et entry. Navigér til Content, klik på "Add Article", og udfyld felterne. Tryk på Publish.
Trin 5: Hent dine API-nøgler. Gå til Settings -> API Keys. Opret en ny API-nøgle. Du får et Space ID, et Content Delivery API-token og et Content Preview API-token. Gem dem.
Trin 6: Forespørg via GraphQL Playground. Åbn denne URL i din browser (erstat med dine legitimationsoplysninger):
https://graphql.contentful.com/content/v1/spaces/{SPACE_ID}/explore?access_token={CDA_TOKEN}Trin 7: Hent fra din app. Brug JavaScript fetch-eksemplet fra API-sektionen ovenfor, indsæt dit Space ID og CDA-token, og du henter live indhold.
Pro-tip: GraphQL Playground-URL'en er ikke åbenlys i Contentfuls brugerflade. Du kan finde den under Settings -> API Keys -> GraphQL Playground URL, eller konstruere den manuelt ved hjælp af skabelonen ovenfor. Bogmærk den – du vil bruge den konstant under udvikling.
FAQ
Hvad er Contentful CMS, og hvordan fungerer det?
Contentful er et API-først headless CMS, der gemmer struktureret indhold i en cloud-hub og leverer det via REST- og GraphQL-API'er. I modsætning til WordPress har det ingen frontend – du bygger din egen med et valgfrit framework. Indholdsredaktører styrer entries gennem Contentfuls webapp, og udviklere henter indholdet gennem API'er.
Er Contentful gratis at bruge?
Ja, Contentful tilbyder en gratis Community-plan, der inkluderer 10 brugere, 100K API-kald pr. måned, 50 GB CDN-båndbredde og ét Starter Space. Det er nok til prototyping og små projekter. Betalingsplaner starter ved 300 $/måned for Lite-planen, med Premium- og Enterprise-planer prissat efter individuelle tilbud.
Hvad er indholdsmodellering i Contentful?
Indholdsmodellering betyder at definere strukturerede indholdstyper med felter, valideringer og referencer – som at designe et databaseschema, men for indhold. Du opretter typer som "Blog Post" eller "Product" med specifikke felter (titel, brødtekst, billede, kategori), og hvert entry følger den struktur. Det er Contentfuls fundament.
Hvordan sammenlignes Contentful med WordPress?
Contentful er headless (kun API, ingen indbygget frontend), mens WordPress samler indholdsstyring med temabaseret rendering. Contentful udmærker sig ved multikanallevering – det samme indhold kan betjene web, mobil og IoT. WordPress udmærker sig ved enkelhed – du får et fungerende site på minutter uden en udvikler.
Er Contentful godt til enterprise-brug?
Ja, Contentful er en af de mest enterprise-adopterede headless CMS-platforme. Enterprise-planer inkluderer SSO, finkornet rollebaseret adgang, revisionslogfiler, dedikeret support, en 99,99 % SLA og ubegrænsede API-kald. Virksomheder som Spotify, Vodafone, Chanel og Atlassian bruger det til indholdsdrift i stor skala.
Hvad er ulemperne ved Contentful?
Centrale begrænsninger inkluderer: ingen indbygget visuel redigering i basisproduktet (Studio er et betalt tilvalg), uforudsigelige priser i skala fra API-overforbrug og tilvalgskomkostninger, ingen oversættelsesstyringsworkflow, udviklerafhængighed for alle frontendændringer, Rich Text-JSON der kræver tilpassede renderers, og leverandørlås uden self-hosting-mulighed.
Understøtter Contentful GraphQL?
Ja, indbygget. Hvert Contentful-space får et autogenereret GraphQL-schema baseret på dine indholdstyper. Du kan forespørge med filtrering, paginering, sortering og locale-specifikke forespørgsler. Endepunktet ligger på graphql.contentful.com/content/v1/spaces/{SPACE_ID}, autentificeret med dit Content Delivery API-token.
Hvor meget koster Contentful pr. måned?
Gratisplanen koster 0 $. Lite koster 300 $/måned med 20 brugere og 1 mio. API-kald. Premium starter omkring 2.000+ $/måned med tilpasset prissætning. Enterprise koster mellem fem og seks cifre årligt. Vær opmærksom på skjulte omkostninger: API-overforbrugsgebyrer, Contentful Studio-tilvalgsgebyrer, Ninetailed-personaliseringspriser og professionelle tjenester.
Kan Contentful håndtere flere sprog?
Ja, Contentful har indbygget locale-understøttelse med feltniveau-overskrivning – hvert felt kan gemme forskellige værdier pr. locale. Der er dog ingen indbygget oversættelsesworkflow, -hukommelse eller -ordliste. Du har brug for tredjepartsintegrationer som Phrase, Smartcat eller Lokalise til at styre selve oversættelsesprocessen i skala.
Hvad er Contentful Studio?
Contentful Studio er et visuelt page builder-tilvalg, der blev GA i foråret 2024. Det lader ikke-udviklere sammensætte sider med drag-and-drop-komponenter og live-forhåndsvisning. Det kræver frontendintegration (dine komponenter skal registreres hos Studios SDK) og er et betalt tilvalg, ikke inkluderet i Contentfuls basisplaner.