Headless – fremtidens web

Et headless er et indholdsstyringssystem hvor indholdet og designet er adskilt fra hinanden. I traditionelle systemer er alt samlet i én løsning hvor indhold og design er forbundet. Med et headless har I kun indholdet gemt i systemet, og så vises det gennem forskellige kanaler - hjemmeside, app, smartwatch eller andet. Det kaldes headless fordi frontend, altså det brugerne ser, er skåret væk fra systemet. Det giver jer frihed til at vise samme indhold alle mulige steder. For eksempel kan I administrere produktinformation ét sted og så vise det på jeres hjemmeside, i en app, i butikken og på sociale medier. Det passer godt til virksomheder der vil vise indhold på flere platforme fra samme kilde.

Headless løsninger er typisk dyrere i starten fordi I i praksis skal bygge to systemer - et til indholdet og et til at vise det. Selve indholdssystemet kan koste fra gratis til flere tusinde kroner om måneden afhængigt af hvilket I vælger og hvor meget I bruger det. Udviklingen af en simpel headless hjemmeside starter typisk ved 80.000 til 150.000 kr. En mellemstor virksomhedshjemmeside koster mellem 200.000 og 500.000 kr, mens store erhvervsløsninger kan koste fra en halv til to millioner kroner. Dertil kommer løbende udgifter til webhotel og vedligeholdelse på 500 til 3.000 kr om måneden. Det er dyrere fordi det kræver specialiserede udviklere og fordi I skal bygge frontend fra bunden uden færdige temaer. Det kan spare penge på længere sigt hvis I skal bruge indholdet mange steder eller hvis hastighed er vigtigt for jer.

Headless projekter tager længere tid end traditionelle systemer fordi frontend skal bygges specialtilpasset. En simpel marketinghjemmeside tager otte til tolv uger at bygge. En mellemstor virksomhedshjemmeside med flere funktioner tager tolv til tyve uger. Hvis det skal være en webshop med specialdesignet frontend, skal vi regne med seksten til fireogtyve uger. Skal der både være hjemmeside og mobilapps, tager det tyve til fyrre uger. Vi starter med at planlægge strukturen og vælge teknologier, så sætter vi indholdssystemet op og bygger derefter frontend. Undervejs flytter vi indhold fra jeres gamle system hvis I har et. Vi arbejder trinvist så I kan se fremskridt hele vejen. Projektet kan gå hurtigere hvis I har en presset deadline og vi sætter flere folk på opgaven.

JAMstack er en moderne måde at bygge hjemmesider på som ofte bruges sammen med headless. I stedet for at generere siden hver gang nogen besøger den, bygges alle sider på forhånd og leveres super hurtigt. Det gør hjemmesiden rigtig hurtig fordi siden allerede er klar når nogen vil se den. Headless leverer indholdet, og så bygges alle siderne med det indhold og lægges på et hurtigt netværk. Hver gang I opdaterer indhold, bygges siderne igen automatisk. Det giver jer ekstrem hastighed, god sikkerhed fordi der ingen server er at hacke, og hjemmesiden kan håndtere rigtig mange besøgende på samme tid. Ulempen er at det kan tage tid at bygge hvis I har rigtig mange sider, og indhold opdateres ikke øjeblikkeligt men kræver en genopbygning. Det passer godt til marketinghjemmesider, blogs og webshops hvor produkterne ikke ændrer sig hvert sekund.

Der er mange værktøjer til at bygge frontend med, og valget afhænger af hvad I skal bruge og hvilke færdigheder jeres team har. Next.js er det mest populære valg fordi det har god hastighed, er godt til søgemaskineoptimering og har et stort fællesskab. Gatsby er også godt til blogs og marketinghjemmesider. Nuxt.js er et godt valg hvis I foretrækker Vue i stedet for React. Astro er rigtig hurtigt hvis maksimal hastighed er kritisk. Vi anbefaler typisk Next.js til de fleste projekter fordi det giver den bedste balance mellem funktioner, support og mulighed for at finde udviklere. Vi hjælper jer med at vælge den teknologi der passer bedst til jeres teams færdigheder og projektets krav.

Headless kan være rigtig godt til søgemaskineoptimering når det sættes rigtigt op. Udfordringen er at Google skal kunne se indholdet, hvilket kan være svært hvis alt bygges med JavaScript. Løsningen er enten at bygge siderne på forhånd så de er klar som HTML, eller at generere HTML på serveren når Google besøger siden. Vi sørger for at alle sider har korrekte titler og beskrivelser, at webadresserne er søgemaskinevenlige, at der er en sitemap, og at strukturerede data hjælper Google med at forstå indholdet. Headless hjemmesider er typisk meget hurtige, hvilket også hjælper på søgemaskineoptimeringen. Vi implementerer altid best practice fra starten så Google kan crawle og forstå hjemmesiden korrekt. Headless kan faktisk være bedre til søgemaskineoptimering end traditionelle systemer når det gøres rigtigt.

Ja, moderne headless har gode brugergrænseflader til at redigere indhold, men det er anderledes end traditionelle systemer. Redaktører redigerer indhold i strukturerede felter i stedet for at redigere hele sider visuelt. Det betyder at man fokuserer på indholdet selv og ikke på hvordan det ser ud. De fleste systemer har intuitive interfaces der ikke kræver teknisk viden. Nogle kan ligne WordPress, andre har deres eget design. Det tager typisk to til fire timer at lære de grundlæggende funktioner. Fordelen er at redaktører kan fokusere på indholdskvalitet uden distraktioner fra design, og indholdet kan bruges på tværs af flere kanaler. Vi kan sætte forhåndsvisning op så redaktører kan se hvordan indhold ser ud før det publiceres. Vi oplærer altid jeres team og giver support den første måned. De fleste teams er komfortable efter en uge. Hvis jeres team ikke er teknisk anlagt, kan et traditionelt system være et bedre valg.

Det afhænger af jeres situation. Contentful er en moden platform der passer godt til større virksomheder med komplekse behov og flere markeder, men det er også dyrere. Sanity er meget fleksibelt og passer godt til teams med erfarne udviklere og startups. Det har et generøst gratis niveau. Strapi er gratis fri software som I selv kan hoste hvis I vil have fuld kontrol og holde omkostningerne nede. WordPress kan også bruges headless hvis jeres redaktører allerede kender det godt, og det giver en billig løsning. Vi analyserer altid jeres specifikke behov - hvor meget indhold I har, størrelsen på jeres team og jeres budget - og anbefaler så det system der passer bedst. Ofte vælger vi Sanity til tekniske teams, Contentful til erhverv og Strapi når budgettet er stramt.

Med headless er webhotel delt i to dele - én til indholdet og én til hjemmesiden. Indholdssystemet kan være hostet hos leverandøren som Contentful eller Sanity hvor de håndterer alt, eller I kan selv hoste det hvis I bruger fri software. Hjemmesiden hostes typisk på platforme som Vercel eller Netlify. Processen fungerer ved at I lægger jeres kode på Git, og hver gang der sker ændringer, bygges og publiceres hjemmesiden automatisk på typisk under et minut. Når redaktører opdaterer indhold i systemet, bygges frontend igen automatisk og går live. Det giver jer sikker forbindelse automatisk, mulighed for hurtigt at rulle tilbage til tidligere versioner, og jeres arbejdsproces er baseret på Git. Vi sætter hele den automatiske publiceringsproces op så det bare virker.

Ja, det gør mange virksomheder når de vil modernisere. En mulighed er at beholde WordPress som indholdssystem og bygge en ny frontend, så redaktørerne kan fortsætte med at arbejde som de plejer. Det er den billigste måde. En anden mulighed er at flytte helt til et rent headless system hvor alt er nyt. Det giver jer alle fordelene ved headless men koster mere og kræver at redaktører lærer et nyt system. Processen tager typisk ti til tyve uger afhængigt af hjemmesidens størrelse. Vi kortlægger jeres WordPress-struktur, flytter indholdet over automatisk hvor det er muligt, bygger den nye frontend og sørger for at alle webadresser viderestilles korrekt så I ikke mister søgemaskineplacering. Udfordringerne er at WordPress-plugins skal genimplementeres og at redaktører skal vænnes til det nye. Vi har flyttet over halvtreds WordPress-hjemmesider til headless og kan give jer en gratis vurdering.

Headless har nogle ulemper I skal være opmærksomme på. Det er mere komplekst fordi I i praksis bygger to systemer i stedet for ét. Det kræver mere teknisk ekspertise og tager længere tid at udvikle fordi alt skal bygges fra bunden. Der er ingen færdige temaer som I kan bruge. Det er også dyrere at starte med fordi udviklere der kan det koster mere i timen. Redaktører kan ikke altid se hvordan indhold ser ud før det publiceres medmindre vi bygger forhåndsvisning ind. For meget store hjemmesider kan det tage tid at bygge alle siderne. Headless passer IKKE hvis I har et stramt budget under 50.000 kr, hvis teamet ikke er teknisk anlagt, eller hvis I bare skal bruge en simpel hjemmeside. Vælg headless hvis hastighed og fleksibilitet er kritisk, hvis I skal bruge indhold på flere platforme, eller hvis I har en udviklerkultur. Vi er altid ærlige om hvorvidt headless er det rigtige valg for jer.

Headless e-handel er en voksende trend. Den mest populære løsning er at bruge Shopify til at håndtere produkter, ordrer og lager, og så bygge en specialdesignet frontend. Det giver jer Shopifys stærke e-handels-funktioner kombineret med fuld designfrihed. Det er dog mere komplekst og dyrere end standard Shopify. For de fleste virksomheder anbefaler vi faktisk standard Shopify fordi det giver bedre værdi. Headless webshop passer til brands der vil have en helt unik shoppingoplevelse, skal vise produkter på flere platforme samtidig, eller har meget høje krav til hastighed. Udfordringerne er at det er svært at holde lager synkroniseret, betalingsflow er mere komplekse at bygge, og det koster mere at udvikle. Vi bygger specialtilpassede butiksfacader på Shopifys headless løsning for brands med den rigtige vision og budget.

Traditionelle systemer har alt samlet i ét hvor indhold og design er forbundet. Headless har kun indholdet, og designet er komplet separat og kan være hvad som helst. Afkoblede systemer kan begge dele - de kan bruges traditionelt eller headless. WordPress er for eksempel afkoblet fordi det både kan bruges normalt eller headless. Progressiv afkobling betyder at man gradvist skifter fra traditionelt til headless side for side. Traditionelt er simplest og billigst til simple hjemmesider. Afkoblet giver fleksibilitet hvor man kan have både traditionelle og headless sider. Rent headless giver maksimal hastighed og fleksibilitet men er mest komplekst. Vi anbefaler ofte at starte traditionelt og så bevæge sig mod headless gradvist hvor det giver mening for jeres projekt.

Flersprogethed i headless er kraftfuldt men kræver korrekt opsætning. De fleste headless understøtter flere sprog hvor redaktører kan oprette indhold på forskellige sprog. Frontend kan så automatisk vise det rigtige sprog baseret på brugerens præferencer eller webadresse. Arbejdsprocessen er at redaktører opretter indhold på hovedsproget, markerer det til oversættelse, og oversættere får så adgang til at oversætte det. Vi sætter det op så Google kan se at hjemmesiden findes på flere sprog og viser den rigtige version til hver bruger. Udfordringerne er at holde oversættelser synkroniserede og sætte tilladelser op rigtigt. Mange headless kan integreres med professionelle oversættelsestjenester hvis I har meget indhold. Vi designer flersproget arkitektur på forhånd så det skalerer når I vokser.

Ja, I ejer hundrede procent af jeres indhold og kan eksportere det når som helst. I ejer også al frontend-koden og kan hoste den hvor I vil. Indhold er strukturerede data så det er relativt nemt at flytte mellem forskellige headless. Men I er afhængige af platformen for at systemet virker. Hvis de lukker eller hæver priserne drastisk, skal I flytte. Det er lettere end med traditionelle systemer men stadig en indsats. For missionskritisk indhold anbefaler vi at vælge fri software som I selv kan hoste, så I har fuld kontrol. For de fleste virksomheder er platforme som Contentful eller Sanity sikre valg fordi de er velfinansierede og stabile. Vi implementerer altid automatiske sikkerhedskopier og laver exit-planer så I altid har jeres data sikkert.