Headless CMS

Ett headless CMS är ett innehållshanteringssystem som lagrar innehåll och levererar det via API:er utan att själv rendera något användargränssnitt. CMS:et äger innehållet; en separat frontend-applikation bestämmer hur det ska visas. Termen speglar headless commerce: "huvudet" är frontenden, "kroppen" är CMS:et, och de två kommunicerar via API:er istället för att bo i samma kodbas. Ett traditionellt CMS som WordPress kopplar innehållslagring med presentation. Mallar och teman renderar sidor inuti CMS:et själv. Ett headless CMS tar bort presentationslagret helt. CMS:et blir en innehållsbackend med redigeringsverktyg, strukturerade innehållsmodeller och API-endpoints. Frontenden — en webbplats, en mobilapp, en kiosk, en butiksskärm — hämtar det innehåll den behöver och renderar det hur den vill. ## Vad ett headless CMS är bra för Headless CMS är vettigt när innehåll behöver flöda till flera kanaler. Samma produktbeskrivning, marknadsföringstext eller kampanjinnehåll kan driva en webbplats, en native-app, ett kundtjänstverktyg och en marketplace-listning utan att dupliceras. Varje kanal är en separat frontend mot samma innehålls-API. Det är också vettigt när frontend-tekniken är frikopplad från innehållsarbetsflödet. Ett marknadsteam ska kunna publicera en landningssida utan att vänta på att en utvecklare mallar den. Moderna headless CMS-produkter som Storyblok, Contentful och Sanity levererar visuella redigerare som låter redaktörer komponera sidor från förbyggda block medan utvecklare styr hur de blocken renderas i kod. ## Vanliga headless CMS-produkter De mest använda headless CMS-produkterna inkluderar Storyblok (österrikiskt, fokus på visuell redigerare, populärt i europeisk e-handel), Contentful (tyskt, enterprise-positionering, stor global förekomst), Sanity (norskt, utvecklarfokuserat, stark strukturerad innehållsmodell), Strapi (open-source, självhållbart), Hygraph (tidigare GraphCMS, GraphQL-first) och Contentstack (enterprise, djup MACH-anpassning). Var och en har olika redigerarupplevelser, prismodeller och integrationsdjup. ## Headless CMS i en commerce-stack I e-handel bor ett headless CMS typiskt vid sidan av commerce-backenden. Commerce-motorn (Norce, Shopware, commercetools, Shopify) äger produkter, priser, lager och ordrar. Headless CMS:et äger allt annat — landningssidor, bloggposter, navigationsmenyer, kampanjinnehåll, varumärkesberättande, hjälpartiklar. Frontenden läser från båda och renderar dem som en sammanhängande storefront. Den här uppdelningen är vad som gör en headless e-handelsfrontend kraftfull för innehållstung handel. Varumärkesdrivna D2C-handlare, B2B med komplex utbildningsinnehåll och flermarknadshandlare med lokaliserade kampanjer förlitar sig alla på att CMS-lagret gör riktigt arbete vid sidan av commerce-motorn. ## Hur Frntkey passar in Frntkey levereras med Storyblok inbyggt som headless CMS. Varje Frntkey-projekt inkluderar ett Storyblok-space konfigurerat med Frntkey-komponentbiblioteket — hero-block, produktkaruseller, innehållssektioner, kampanjbanners, FAQ-accordions och andra block som redaktörer komponerar sidor från. Integrationen är inbyggd. Storyblok hanterar innehåll; Frntkey hanterar rendering; Norce eller Shopware hanterar commerce. ## Relaterade termer Headless arkitektur · Headless commerce · Composable commerce · Ecommerce frontend