Tilbake til forsiden
Hvorfor vi bygger nettsider med headless CMS og moderne rammeverk
Magnus Moholdt
Magnus MoholdtGrafisk designer / Utvikler
Publisert24. feb. 2021
NettsideTeknologi

Hvorfor vi bygger nettsider med headless CMS og moderne rammeverk

Hvert sekund teller på nett. Vi har gått fra tradisjonelle CMS-er til headless arkitektur — og nettsidene vi bygger i dag er raskere, sikrere og enklere å vedlikeholde enn noen gang. Her forklarer vi hvorfor.

En nettside er ikke bare en nettside. De fleste moderne nettsider er bygget på flere systemer, og i mange tilfeller må brukerne ta byrden av det. Treg lasting, ustabile sider og sikkerhetsrisiko — alt fordi nettsiden bygges på nytt for hvert eneste besøk.

Problemet med tradisjonelle CMS-er

WordPress, Drupal og lignende systemer har gjort det enkelt å oppdatere innhold uten å kontakte IT-avdelingen. Det er den gode nyheten. Den dårlige er at de fleste genererer nettsiden på nytt for hvert besøk. Brukeren ber om en side, serveren bygger den, og så sender den tilbake. Noen ganger tar det lang tid. På sitt verste henger siden seg opp.

I tillegg er disse systemene sårbare. En tradisjonell WordPress-side er avhengig av at databasen fungerer — går den ned, er hele nettsiden borte. Og fordi WordPress driver over 40% av nettet, er det et populært mål for hackere.

Headless CMS: Innhold og presentasjon atskilt

Et headless CMS skiller innholdet fra presentasjonen. Du redigerer tekst, bilder og sider i et brukervennlig grensesnitt — men selve nettsiden er bygget separat med et moderne rammeverk. Det gir full frihet i design og funksjonalitet, uten å være låst til et malverk.

Vi bruker Sanity som CMS og Next.js som rammeverk. Sanity gir redaktører et kraftig og fleksibelt verktøy for innholdsstyring, med sanntids redigering og full kontroll. Next.js genererer sidene på forhånd — slik at de ligger klare når brukeren besøker dem. Ingen ventetid, ingen oppbygging for hvert besøk.

Restaurantanalogien

Tenk på det som en restaurant der kelneren allerede vet hva du vil bestille, og maten står på bordet i det du kommer inn. Du slipper å vente. Hver gang innholdet oppdateres, klargjøres nye sider automatisk — det er eieren av nettsiden som tar ventingen, ikke brukeren.

Hvorfor hastighet betyr alt

Vi er mer utålmodige enn noen gang. Føler vi at vi venter for lenge, går vi videre. Men det handler ikke bare om brukeropplevelse — Google bruker hastighet som rankingfaktor. Core Web Vitals måler lasting, stabilitet og responsivitet. En raskere nettside rangerer høyere, konverterer bedre og gir lavere fluktrate.

Fordelene i praksis

Hastighet — Sidene er ferdiggenererte og serveres fra et globalt nettverk. Brukeren i New York henter data fra en server i nærheten, ikke fra Norge.

Sikkerhet — Statisk genererte filer kan ikke hackes på samme måte. Det finnes ingen database å angripe, ingen innlogging å bryte seg inn i.

Stabilitet — Selv om CMS-et skulle gå ned, er nettsiden allerede generert. Den fungerer uansett.

Bildeoptimalisering — Bilder komprimeres automatisk og lastes bare når brukeren scroller til dem. Det sparer båndbredde og gir raskere lasting.

SEO — Ren HTML, rask lasting og god struktur. Alt Google trenger for å rangere deg høyt.

Vår egen reise

Vi startet selv med tradisjonell WordPress, gikk til headless WordPress med Gatsby, og har nå landet på Sanity med Next.js. Hver overgang har gitt oss raskere, sikrere og mer fleksible nettsider — for oss og kundene våre.

Det finnes mange veier til en god nettside. Men for bedrifter som trenger hastighet, sikkerhet og fleksibilitet, er headless arkitektur det sterkeste valget vi kjenner til.