Sådan bruger du et headless CMS

De 5 typiske steps for hvordan man bruger et headless CMS er:

1. Konfigurering og forbindelse til applikationer
2. Opbygning af indholdstyper
3. Tilføjelse og redigering af indhold
4. Import af indhold
5. Indsættelse af indhold i applikationer

Et headless CMS er typisk bygget op omkring brugen af en content API, som er ansvarlig for at levere content til dine forskellige applikationer, men hvordan bruges det så?

Lad mig uddybe de fem overordnede skridt ydereligere her nedenfor

Step 1 – Konfigurering og forbindelse til applikationer

I de fleste headless CMS’er vil man skulle starte med at konfigurere og forbinde ens applikationer til det headless CMS man har valgt.

Step 2 – Opbygning af indholdstyper

Når du har forbindelse fra din applikation til dit headless CMS er næste step at opbygge de content-typer, som du har brug for.

Det kunne være dine blogartikler, som skal indeholde en kort titel, et billede, en URL og en længere tekst. Dette vil man typisk skulle bygge ved hjælp af et sæt felter, som headless CMS-platformen tilbyder.

Step 3 – Tilføjelse og redigering af indhold/content

Da du nu står med dine forskellige indholdstyper, som du har brug for, så er du klar til at indsætte dit indhold i dit headless CMS. Dette er det indhold, så du via din content-API vil sende ud til dine applikationer.

Et eksempel er, at du fra dit headless CMS opretter en blog post, og derefter indsætter du titel, url, tekst, billeder og vælger status på din blogpost.

Step 4 – Import af indhold/content

Du kan nu prøve at hente eller redigere dit indhold ud ved hjælp af content-API, som typisk enten er REST eller GraphQL.

Step 5 – Indsættelse af indhold i applikationer

Da du nu har en forbindelse til dit headless CMS, så kan du hente og redigere indhold. Det betyder, at du nu blot skal have indsat indhold på dine applikationer. Hvordan du vælger at gøre dette afhænger af hvilken type applikationer du har.

I de fleste tilfælde vil det være at hente content via REST eller GraphQL, og derefter indsætte dette i din frontend (React, Vue, Blade etc.).

Der findes flere forskellige headless CMS-platforme, som alle er bygget op omkring at kunne levere indhold/content på tværs af applikationer.

Nogle af de mest populære (baseret på antal Github stars og brand) er:

1. Strapi (Open source)
2. Ghost (Open source)
3. Netlify CMS (Open source)
4. Directus (Open source)
5. Umbraco Heartcore (Closed source)
6. Sanity (Closed source)
7. https://statamic.com (Open source)
8. Contentful (Closed source)

Indlæg af

Niclas Johansen

CTO & Partner

[email protected]

42 90 84 28