Vad headless betyder
I ett traditionellt CMS, som WordPress i sin vanliga form, hänger redigering och presentation ihop. Samma system lagrar texterna och bygger sidorna som besökarna ser. I ett headless CMS är presentationen, huvudet, bortkopplad. Systemet lagrar bara innehållet och lämnar ut det via ett API.
Framsidan byggs i stället som en separat applikation som hämtar innehållet och visar det. Det gör att utvecklarna kan välja teknik fritt och att samma innehåll kan användas på webbplatsen, i en app eller på en skärm i butik.
Så fungerar det i praktiken
- 1Redaktören skriver och publicerar innehåll i CMS:ets redigeringsgränssnitt.
- 2Innehållet sparas som strukturerade fält, till exempel rubrik, ingress, bild och brödtext.
- 3Framsidan hämtar innehållet via API, antingen när sidan byggs eller när besökaren öppnar den.
- 4Sidorna levereras färdiga till besökaren, ofta från servrar nära besökaren för kort laddtid.
- 5Vid ändring i CMS:et byggs berörda sidor om automatiskt.
WordPress kan också användas headless. Då behåller redaktörerna den välkända redigeringen medan framsidan byggs i till exempel Next.js.
Traditionellt och headless CMS jämfört
| Område | Traditionellt CMS | Headless CMS |
|---|---|---|
| Uppbyggnad | Innehåll och presentation i samma system | Innehåll och framsida separat |
| Byggkostnad | Lägre | Högre, mer utveckling |
| Laddtid | Bra med rätt optimering | Ofta mycket snabb |
| Designfrihet | Stor inom tema | I princip obegränsad |
| Förhandsvisning för redaktörer | Inbyggd | Måste byggas |
| Tillägg och funktioner | Stort utbud färdiga tillägg | Mycket byggs själv |
| Flera kanaler | Främst webbplatsen | Webb, app och andra kanaler |
Innehållsmodellen är grunden
I ett headless CMS lagras innehåll som strukturerade fält i stället för som färdiga sidor. Innan bygget börjar behöver man därför bestämma vilka typer av innehåll som finns, till exempel tjänster, medarbetare, artiklar och vanliga frågor, och vilka fält varje typ har. Det kallas innehållsmodell.
En genomtänkt innehållsmodell gör det enkelt för redaktörer att arbeta rätt och för utvecklare att visa innehållet på olika sätt. En dålig modell leder till fält som används till fel saker och sidor som är svåra att ändra. Därför är kravanalysen en viktigare del av ett headless-projekt än av ett vanligt WordPress-projekt.
- 1Lista alla typer av innehåll webbplatsen ska ha.
- 2Bestäm vilka fält varje typ behöver och vilka som är obligatoriska.
- 3Beskriv hur typerna hänger ihop, till exempel vilka tjänster en medarbetare arbetar med.
- 4Testa modellen med riktigt innehåll innan framsidan byggs.
Fördelar och nackdelar
Den största fördelen är prestanda och flexibilitet. Sidor som byggs i förväg och levereras från snabba servrar laddar snabbt, och utvecklarna kan bygga exakt den upplevelse som behövs. Säkerheten kan också bli bättre eftersom redigeringssystemet inte är direkt exponerat för besökarna.
Nackdelen är att mer måste byggas och underhållas. Funktioner som i WordPress löses med ett tillägg, till exempel formulär eller förhandsvisning, kräver egen utveckling. Det ökar både byggkostnad och beroendet av utvecklare för ändringar i layout.
När ett headless CMS lönar sig
- Webbplatsen har mycket trafik och laddtid påverkar affären direkt.
- Samma innehåll ska visas i flera kanaler, till exempel webb och app.
- Designen eller interaktiviteten går inte att lösa med ett vanligt tema.
- Företaget har eller kan köpa löpande utvecklingskompetens.
För de flesta små och medelstora företag ger en välbyggd WordPress-webbplats mer nytta per krona. Behöver du mer finns vi som bygger headless- och React-webbplatser.
Vanliga missförstånd
- Att headless alltid är snabbare. En vanlig webbplats som är väl optimerad kan också vara mycket snabb.
- Att headless är billigare i drift. Fler delar betyder ofta fler tjänster att betala för och underhålla.
- Att redaktörerna slipper allt tekniskt. Nya sidtyper och layoutändringar kräver fortfarande utvecklare.
- Att man måste byta CMS. WordPress kan behållas som innehållskälla med en ny framsida.
Kostnad
En headless-webbplats kräver kravanalys, design och utveckling av både innehållsmodell och framsida. Hos oss ingår den i paketet Skräddarsydd webbplats från 59 900 kr exklusive moms, med prestandakrav inskrivna i avtalet. Till det kommer löpande kostnader för drift och eventuella licenser.
Är du osäker på om headless passar kan du jämföra med andra alternativ i guiden Webflow eller WordPress. Vill du ha en bedömning för just ditt projekt kan du skicka en offertförfrågan eller räkna på kostnaden i priskalkylatorn.
