Webbutveckling och frontend-arkitektur — Next.js, headless CMS och e-handel

Intunio är en design- och utvecklingsstudio i Göteborg som bygger webbplatser och webbapplikationer som tål att växa. Vi sätter frontend-arkitektur, headless CMS, designsystem-integration, accessibility och prestanda från start, så att produkten håller när användarbasen, teamet och innehållet växer.

Intunio hjälper företag bygga webbprodukter där användarupplevelse, teknisk kvalitet och långsiktig förvaltning väger lika tungt. Designer och utvecklare jobbar i samma team genom hela projektet, så att design och teknik landar tillsammans i stället för att lämnas över i etapper.

Vi arbetar både med skräddarsydda webbplatser och med komplexa webbapplikationer: kundportaler, SaaS-frontend, e-handel och dataintensiva gränssnitt. Stacken är typiskt React eller Vue, Next.js för rendering och routing, headless CMS för innehåll, och designsystem för enhetlighet.

Vad vi gör

• Frontend-arkitektur för större webbappar: struktur, routing, state-management, prestanda och underhållbarhet när produkten ska leva i flera år och ha flera utvecklare

• Webbplatser med headless CMS: marknadssajter och B2B-sajter med Payload, Sanity, Strapi eller Contentful som innehållslager, frontend i Next.js eller Vue

• E-handel: skräddarsydd kundupplevelse på Shopify, custom-byggd eller integration mot befintliga plattformar

• Designsystem-integration på webb: tokens, komponenter och dokumentation som lever i koden, så att flera produkter och team kan dela grund

• Accessibility som default: rätt kontraster, fokushantering och komponentmönster inbyggda från start, så EAA- och WCAG-krav är uppfyllda utan separat åtgärdsprojekt

• Prestanda och Core Web Vitals: laddtider, bildoptimering, server-side rendering och caching som håller över tid

• SEO-grund i implementationen: semantisk struktur, meta-data, structured data, internt länkbygge inbyggt i kod och CMS

Branscherna vi oftast bygger webb för är industri, SaaS, e-handel och medtech.

Frontend-arkitektur — när webbappen ska leva i flera år

Det går snabbt att starta ett webbprojekt och få något i drift. Det är svårare att bygga något som tål att växa: fler utvecklare, fler features, fler integrationer, en redesign efter två år utan att riva och börja om. Det är där frontend-arkitektur blir avgörande.

På Intunio sätter vi arkitekturen tidigt och konkret. Vi tar ställning till routing, state-management, datalager, komponentstruktur och hur designsystemet kopplas in i koden. Vi väljer ramverk efter vad produkten behöver — Next.js för innehållstunga sajter och hybrid-rendering, ren React för rena SPA:er, Vue där team redan har Vue-vana, server-driven approach där det passar.

Frontend-arkitektur är också där design och teknik måste mötas. En komponentstruktur som ser bra ut i Figma men inte mappar mot kodens komponenter skapar friktion i varje feature. Vi designar och bygger i samma team, mot samma struktur, från första vyn.

Vad ett välbyggt webbprojekt ger

För team som inte arbetat med modern webbutveckling tidigare är effekten av god arkitektur inte alltid uppenbar. På Intunio ser vi fyra områden där det märks:

Snabb leverans utan att kompromissa med arkitekturen

Strukturerad arkitektur betyder att första versionen kommer ut snabbt och att andra, tredje och fjärde versionen också gör det. Genvägar som ger snabb release men låser arkitekturen är värre än långsam start.

Innehåll som ert team kan hantera

Med headless CMS i grunden kan marknadsteamet uppdatera innehåll utan utvecklare. Strukturerad innehållsmodell betyder att samma innehåll kan användas på flera platser, översättas, versioneras.

Tillgänglighet och prestanda som default

Korrekt fokushantering, kontraster och komponentmönster som följer WCAG, server-side rendering, bildoptimering och caching. Det här är saker som är dyra att lägga till sent men billiga att bygga in från start.

SEO i implementationen, inte som efterarbete

Semantisk struktur, korrekt meta-data, structured data och prestanda är vad sökmotorer faktiskt belönar. Det byggs in när vi sätter arkitekturen.

Är det här rätt tjänst för oss?

Den här tjänsten är byggd för redaktörsdriven publicering, tunga innehållsvolymer, headless CMS-flöden (Payload, Sanity, Strapi, Contentful) och komplexa webbapplikationer där state-management och integrationer styr. Den ger en mogen plattform där marknadsteam jobbar i CMS-UI och utvecklare i en separat kodbas.

För startups, plattformsbolag och team där agenter (Claude Code, Cursor) ska kunna läsa och uppdatera innehållet direkt är vår AI-redo webbsida-tjänst ofta ett bättre första steg. Den levererar en statisk sajt med design tokens, shadcn-baserade komponenter och innehåll som Markdown i Git — klientägt och AI-läsbart från första commit. Bakgrunden ligger i vår artikel om md-formatet.

De två tjänsterna utesluter inte varandra. Många kunder börjar AI-redo i en startup-fas och lägger till headless CMS när redaktionella behov växer.

Hur vi jobbar i ett webbprojekt

Ett typiskt webbprojekt följer fyra faser. Faserna kan flytta in i varandra, och i vissa uppdrag går vi in mitt i flödet i stället för från start.

Förstudie

Vi tar fram scope, designskisser för centrala vyer, teknisk arkitektur och realistiska tidsuppskattningar. Det är första steget i en faktisk leverans, inte en separat analys. Se förstudie-tjänsten för mer.

Design och teknisk grund

Designsystem och tokens sätts på en första nivå, repon konfigureras, CI/CD och deploy-pipeline är på plats, headless CMS-modellen tas fram. Designers och utvecklare börjar producera parallellt.

Utveckling i sprintar

Treveckors-sprintar är vanligast. Designens detaljer kommer fram precis innan utvecklaren behöver dem. Vi kvalitetssäkrar löpande, både design och kod, accessibility och prestanda inkluderat.

Release och förvaltning

Lansering, första analytics-uppsättning, uppföljning. För kunder med långsiktig produkt går vi ofta över i ett rullande månadssamarbete.

För kunder som redan har en webbprodukt går vi typiskt in i fas 2 eller 3, ofta efter en produktvalidering som ger en bild av nuläget innan vi börjar bygga om eller bygga vidare.

Vad vi erbjuder

Webb varierar mer i omfattning än de flesta andra tjänster: skillnaden mellan en marknadssajt och en komplex SaaS-frontend är enorm. Fyra vanliga upplägg:

• Webbplats-audit eller strategi (40–80 timmar, ca 40 000–80 000 kr, leveranstid 1–2 veckor): snapshot av en befintlig sajt eller webbapp. Gap-analys, prestandagranskning, accessibility-screening, prioriterade åtgärder. Bra som utgångspunkt när läget behöver kartläggas snabbt.

• Webbplats med headless CMS (från 160 timmar, från ca 160 000 kr, leveranstid 4–8 veckor): marknadssajt, B2B-sajt eller mindre e-handel med headless CMS, designsystem-grund, accessibility, prestanda och deploy-pipeline. Bra för en första version eller en redesign av en mindre sajt.

• Avancerad webbapplikation eller frontend-arkitektur (från 480 timmar, från ca 480 000 kr, ett typiskt avancerat bygge landar på 1000–1200 timmar, ca 1 000 000–1 200 000 kr; leveranstid 8–14 veckor, ofta längre): SaaS-frontend, branschplattform, e-handel med komplex katalogstruktur, dataintensiva gränssnitt. Frontend-arkitektur, state-management, integrationer, accessibility och prestanda från start.

• Långsiktigt produktteam (rullande månadssamarbete, från 80 timmar/månad, ca 80 000 kr/månad): ett dedikerat litet team som följer er webbprodukt över tid. Nya features, refaktorering, prestandaarbete, content-modell-utveckling, support. Det vanligaste upplägget för kunder vi arbetar med över flera år.

Ett designsystem är ofta en del av webb-uppdraget, inbyggt i grunden. Behöver det skalas ut till flera produkter har vi en separat designsystem-tjänst. För kunder som vill ha både en mobilapp och en webbprodukt med samma grund kombinerar vi apputveckling och webbutveckling i samma uppdrag.

Vad kostar en hemsida?

En hemsida kostar från ca 160 000 kr för en marknadssajt med headless CMS till över 1 000 000 kr för en avancerad webbapplikation (typiskt 1 000 000–1 200 000 kr); en webbplats-audit kostar ca 40 000–80 000 kr och ett långsiktigt produktteam från ca 80 000 kr/månad. Allt räknas på timpriset 995 kr/h (vårt bästa pris, med Team retainer) — paketen ovan visar timmar och pris.

AI i vårt arbete

AI-verktyg ingår i taxan. Vi använder Claude, Cursor och Codex för att göra allt vårt arbete effektivare: i kod, designarbete, kodgranskning och tekniska resonemang. Det är vår expertkunskap som arbetar snabbare.

Vanliga startpunkter

Tre typiska tillfällen då en konversation med Intunio blir relevant:

När en marknadssajt eller B2B-sajt ska byggas eller göras om

Ni har en sajt som inte längre fungerar för era behov, eller startar en ny. Vi går från strategi till lansering, med headless CMS-grund som låter ert marknadsteam jobba självständigt efteråt.

När en webbapplikation har vuxit ifrån sin arkitektur

Produkten är i drift men koden börjar göra ont: features tar längre tid att bygga, regressioner dyker upp, prestanda försämras. Vi går in med frontend-arkitektur-perspektiv och bygger om strukturen utan att riva produkten.

När en ny webbapplikation ska byggas från grunden

SaaS-produkt, kundportal eller komplex frontend som ska leva i många år. Vi sätter arkitekturen, designsystemet och utvecklingsflödet från start, så att produkten håller när teamet och användarbasen växer.

I alla tre fallen är utgångspunkten densamma: webb är en designdisciplin lika mycket som en teknisk disciplin, och de bästa resultaten kommer när de två sidorna delar backlog från dag ett.