Headless CMS förklarat – och varför vi byggde Objectic
Headless CMS är ett av webbens mest använda buzzwords just nu. Bakom ordet finns en ganska enkel idé som gör webbplatser snabbare, säkrare och friare. Så här fungerar det, och därför byggde vi ett eget.
Ett headless CMS är ett innehållssystem utan huvud, alltså utan färdig presentationsdel. Innehållet lagras strukturerat och hämtas via API av vilken frontend som helst: en webbplats, en app, en skärm i butiken. Jämför med ett traditionellt CMS som WordPress, där innehåll, teman och presentation bor i samma system.
Traditionellt eller headless, skillnaden i praktiken
I ett traditionellt CMS sitter innehållet fast i sajten. Byter du design eller teknik behöver innehållet ofta migreras och anpassas. Med headless är innehållet en egen produkt. Redaktörerna arbetar i sitt gränssnitt, utvecklarna hämtar innehållet via API och bygger presentationen i den teknik som passar. Hos oss blir det ofta Next.js.
Vad man vinner
- Hastighet. Frontenden kan förrenderas och serveras statiskt. Sidorna laddar direkt, vilket både besökarna och Googles Core Web Vitals belönar.
- Säkerhet. Ingen databas och ingen admin-inloggning exponeras mot den publika sajten.
- Frihet i frontend. Inga teman som sätter gränser för designen, och presentationen kan bytas ut utan att innehållet rörs.
- Samma innehåll i flera kanaler. Webbplats, app och nyhetsbrev kan hämta ur samma källa.
- Skalbarhet. Trafiktoppar slår inte mot redaktionsverktyget.
Mer om prestandadelen finns i artikeln om varför JavaScript-ramverk är nyckeln till snabba och tillgängliga webbplatser.
När headless inte är rätt svar
För en mindre företagssajt som uppdateras några gånger om året är ett traditionellt CMS ofta både enklare och billigare, och ibland är svaret faktiskt WordPress. Headless lönar sig när innehållet är kärnan i affären: mycket innehåll, många redaktörer, höga krav på hastighet eller flera kanaler som ska dela samma material. Är du osäker hjälper vi gärna till att välja nivå. Det ingår i hur vi tänker kring webbutveckling.
Därför byggde vi Objectic
Efter många år med innehållstunga sajter åt mediehus och företag tyckte vi att de externa lösningarna blev både dyra och begränsande. Så vi byggde Objectic, vårt eget headless CMS med fokus på stabilitet, prestanda och mångsidighet. Det är robust nog för stora mängder data och trafik, flexibelt nog för allt från nyhetssajter till produktkataloger, och vi använder det själva varje dag.
Kombinationen Objectic och Next.js är i dag vårt standardrecept för innehållstunga webbplatser. Redaktörerna får ett modernt verktyg, besökarna en snabb sajt, och licenskostnaderna växer inte med trafiken.
Fundering på om headless passar ert nästa webbprojekt? Skriv eller ring så tittar vi på det tillsammans.
Vanliga frågor
Vad är ett headless CMS?
Ett innehållssystem utan färdig presentationsdel. Innehållet lagras strukturerat och hämtas via API av vilken frontend som helst, till skillnad från ett traditionellt CMS som WordPress där innehåll, tema och presentation sitter ihop.
Vilka fördelar ger headless CMS?
Framför allt hastighet (frontend kan förrenderas och serveras statiskt), säkerhet (ingen databas eller admin-inloggning exponeras mot besökaren), frihet i frontend, samma innehåll i flera kanaler, och skalbarhet vid trafiktoppar.
När är headless CMS inte rätt val?
För en mindre företagssajt som uppdateras några gånger om året är ett traditionellt CMS ofta både enklare och billigare, och ibland är svaret faktiskt WordPress.
Varför byggde Codebrain sitt eget headless CMS?
Efter många år med innehållstunga sajter åt mediehus och företag tyckte vi att de externa lösningarna blev både dyra och begränsande. Så vi byggde Objectic, med fokus på stabilitet, prestanda och mångsidighet, och använder det själva varje dag.
Vilken teknik kombinerar ni Objectic med?
Objectic och Next.js är i dag vårt standardrecept för innehållstunga webbplatser.