ClickCease

Vent venligst

Vi har modtaget din forespørgsel
Tak for din forespørgsel

. Vi sætter pris på muligheden for at drøfte dit projekt. Du hører fra os inden for 1-2 hverdage
På gensyn

Step 1 / 3

orange landscape
close icon

    Step 1 / 3 - Vælg projekttype

    Kom i dialog om dit næste projekt

    Send os en uforpligtende forespørgsel og få en realistisk pris idé på dit projekt.

    WebsiteWebshopDigitalt DesignSeoAnnonceringProgrammering

    Step 2 / 3 - Projekt information

    Beskriv dit projekt så godt du kan

    Step 3 / 3 - Dine oplysninger

    Vi har brug for dine oplysninger nedenfor

    december 10, 2023

    Sådan bruger du et headless CMS

    Tilbage til vidensunivers

    Niclas Johansen

    Niclas Johansen

    CTO & Partner

    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

    Morgan står o prøver at forstå hvordan headless CMS vil gavne ham

    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)
    Niclas Johansen CTO & Partner
    Niclas Johansen
    CTO & Partner
    Er vores leder for Morningtrain programmeringsafdeling. Niclas har en baggrund som software ingeniør, og han har selv siddet i mange år som backend-udvikler. Niclas er en sand pionerer, når det kommer til nye teknologier, og metodikker til at skalere digitale forretninger.
    Hello there
    We can see that you are from Denmark. Would you like to switch to Danish?