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

    august 15, 2022

    Sådan bruger du et headless CMS

    Tilbage til vidensunivers

    Niclas Johansen

    Niclas Johansen

    Programmeringschef & Partner

    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å?

    De 4 typiske overordnede steps for hvordan man bruger et headless CMS kommer her:

    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)
    AAARGHH!!
    Fik vi din opmærksomhed? Godt - gør som 3.100 andre og modtag vores kvartalsvise nyhedsbrev med sprøde guides, erfaringer og skarpe råd til at vækste din forretning digitalt.

      meltem
      Niclas Johansen Programmeringschef & Partner
      Niclas Johansen
      Programmeringschef & Partner