Vad headless betyder
I en traditionell WordPress-webbplats sköter samma system både redigering och visning. I en headless webbplats delas de upp. Innehållet ligger i ett headless CMS, som kan vara WordPress eller ett annat system, och hämtas via ett programmeringsgränssnitt (API) till en separat webbplats byggd i React och Next.js. Läs mer i guiden vad är headless CMS.
Sidorna kan byggas i förväg och levereras som färdiga filer, vilket ger mycket snabb laddning och gör att det inte finns någon publik inloggning att attackera.
När en headless webbplats lönar sig
- Laddtid och prestanda är affärskritiska och ska kunna mätas.
- Webbplatsen behöver egna funktioner, till exempel kalkylatorer eller inloggade delar.
- Samma innehåll ska visas i flera kanaler, som webbplats och app.
- Du har höga krav på säkerhet och vill minska antalet tillägg.
För en vanlig företagswebbplats med tjänstesidor och kontaktformulär är WordPress oftast ett billigare och fullt tillräckligt val. Vi rekommenderar headless bara när fördelarna motiverar kostnaden.
Driften av en headless webbplats är ofta enkel, men nya funktioner kräver alltid en utvecklare. Det väger vi in när vi rekommenderar teknik.
Jämförelse med traditionell webbplats
| Traditionell WordPress | Headless med Next.js | |
|---|---|---|
| Laddtid | Bra med optimering | Mycket snabb som standard |
| Säkerhet | Kräver regelbundna uppdateringar | Liten attackyta |
| Egna funktioner | Via tillägg eller egen kod | Byggs fritt i React |
| Redigering | Gutenberg direkt på webbplatsen | I separat CMS |
| Startpris hos oss | från 19 900 kr | från 59 900 kr |
| Ändringar | Ofta själv | Nya funktioner kräver utvecklare |
Prestandakrav i avtalet
I våra skräddarsydda projekt skriver vi in prestandakrav i avtalet, till exempel mål för Googles mätvärden för användarupplevelse på mobil. Vi mäter före lansering och visar resultatet. Läs mer om mätvärdena i laddtid och Core Web Vitals.
| Post | Pris |
|---|---|
| Skräddarsydd headless-webbplats | från 59 900 kr |
| CRM- eller nyhetsbrevskoppling | från 3 900 kr |
| Extra språk | 8 900 kr/språk |
| Vidareutveckling | 950 kr/h eller fast pris i offert |
Så går projektet till
- 1Kravanalys: funktioner, innehåll, integrationer och prestandamål.
- 2Teknisk plan med val av CMS och drift.
- 3UX-prototyp och design som du godkänner.
- 4Utveckling i en testmiljö med löpande avstämningar.
- 5Test, mätning, lansering och utbildning i CMS.
Vill du ha visuell redigering men ändå unik design kan Webflow vara ett alternativ. Se alla webbyråtjänster.
Drift och säkerhet
En headless webbplats driftas annorlunda än en traditionell WordPress-webbplats. Webbplatsen som besökarna ser består oftast av färdigbyggda sidor som levereras från ett nätverk av servrar nära besökaren. Det ger snabb laddning i hela landet och gör att en plötslig ökning av besök inte påverkar prestandan.
Eftersom besökarna aldrig kommer åt själva redigeringssystemet minskar risken för intrång avsevärt. Det finns ingen publik inloggningssida och inga tillägg som körs på webbplatsen. CMS-systemet uppdateras fortfarande, men en sårbarhet där påverkar inte webbplatsen direkt.
| Uppgift | Ansvarig |
|---|---|
| Texter, bilder och nya sidor av befintliga mallar | Du, i CMS |
| Uppdatering av ramverk och beroenden | Vi, enligt avtal eller 950 kr/h |
| Nya funktioner och mallar | Vi, efter offert |
| Drift och domän | Konton i ditt namn |
Kostnaden för drift beror på trafik och val av driftmiljö och betalas direkt till leverantören. Vi går igenom alternativen i den tekniska planen.
