Vad är Headless CMS?

Blogginlägg av Peter Antonius

Headless CMS och Decoupled CMS är två begrepp som har dykt upp på senare år. Här berättar jag vad det innebär, och tipsar om vilka för- och nackdelar Headless CMS har jämfört med vanliga CMS-verktyg.

Vad är Headless CMS?

Ett vanligt CMS-verktyg som Drupal, WordPress och Episerver består av en del för att spara och hantera innehåll och en uppsättning mallar, moduler och funktioner för att presentera innehållet. Ett Headless CMS sköter enbart innehållshanteringen. Du når innehållet via ett API och hur du väljer att presentera det är helt enkelt upp till dig och din webbyrå. Det ligger utanför CMS-verktyget.

Fördelar med Headless CMS

Headless CMS ger en uppdelning mellan innehåll och den teknik och design som behövs för att visa innehållet för en besökare på en webbplats. Det ger flera fördelar.

  • För mig som designer och frontendutvecklare blir det enklare att designa och bygga webbplatser eller digitala tjänster runt innehållet – att jobba content first. Ska du bygga en helt ny webbplats så kan redaktörer börja jobba med innehållet i CMS-verktyget innan jag eller någon annan utvecklare har skrivit en enda rad kod.
  • Innehållet går att strukturera på det sätt du vill, och är inte begränsat av mallar i ett vanligt CMS-verktyg.
  • Vidareutveckling och förändringar blir enklare. Du kan t.ex. skapa en webbplats med ett helt nytt utseende utan att behöva göra någon utveckling alls i CMS-verktyget. Migrering av innehåll går snabbare, och i många fall behövs det inte.
  • Du väljer fritt hur och var du vill att innehållet ska presenteras, eftersom det inte är låst i ett verktyg.

Finns det några nackdelar?

Det finns några saker som webbutvecklare behöver tänka lite extra på. Det handlar framför allt om funktioner som följer med på köpet i vanliga CMS-verktyg. Ett exempel är förhandsvisning av opublicerade sidor.

Exempel på Headless CMS-verktyg

Fredrik Johansson har skrivit ett blogginlägg om några av de Headless CMS-alternativ som finns. Det dyker hela tiden upp nya, molnbaserade Headless CMS. Men även traditionella CMS-verktyg som WordPress och Drupal har numera API:er som gör att det går att använda dem som Headless CMS.

Om Peter Antonius

Peter Antonius är UX-designer och Head of Design på Whitespace. Peter brinner för användbara och tillgängliga gränssnitt.

Vad är PWA eller Progressive Web Apps?

Vad är PWA eller Progressive Web Apps?

En Progressive Web App eller PWA använder teknik i moderna webbläsare för att skapa en snabbare och mer engagerande upplevelse för besökare. Whitespaces Peter Antonius tipsar om användningsområden där en PWA kan göra nytta. Läs mer om PWA och Progressive Web Apps
Vilket Headless CMS ska jag välja?

Vilket Headless CMS ska jag välja?

Ska man använda Headless WordPress, Headless Episerver eller kanske ett molnbaserat Headless CMS? Fredrik Johansson tipsar om olika Headless-alternativ.

Mer om Headless CMS
Vad är designmönster och modulär design?

Vad är designmönster och modulär design?

De senaste åren har modulär design blivit allt mer populärt. Whitespaces UX-designer Peter Antonius tipsar om ett mer hållbart sätt att jobba med design. Läs mer

Prenumerera på vårt nyhetsbrev

Den digitala utvecklingen har aldrig gått snabbare än nu. I vårt nyhetsbrev tar vi upp nya begrepp, goda exempel och delar med oss av tips från våra uppdragsgivare.