Webbutveckling
Webbutveckling är att designa och bygga en riktig mjukvaruapplikation som körs i webbläsaren – frontend, API, databas och driftsättning, byggt som ett typsäkert system snarare än en marknadssida fastklistrad på ett CMS. Vi är Klura, en oberoende fullstack-studio i Stockholm. Vi bygger webbappar där data, logik och gränssnitt byggs ihop: React 19 längst fram, ett typat API och Postgres bakom, driftsatt på Cloudflares edge. Den här sidan förklarar vad det omfattar, hur vi arbetar, tekniken och dess ärliga avvägningar, och ungefär vad det kostar. Kort om det som skiljer oss: det här är riktig mjukvara, inte en mallad sajt – och just den här sidan körs på exakt den teknik vi skulle bygga din app på.
Vad "webbapp" faktiskt betyder här
Det finns en verklig skillnad mellan en webbplats och en webbapp, och den svenska marknaden suddar ständigt ut den. En webbplats visar innehåll. En webbapp utför arbete: användare loggar in, data läses och skrivs, tillstånd ändras, och något användbart händer på servern. Ett bokningssystem, en intern dashboard, en kundportal, en SaaS-produkt, ett verktyg som pratar med andra system – det är webbappar, och de är mjukvaruprojekt, inte design-och-publicera-projekt.
De flesta som säljer "webb" i Sverige är designbyråer ("webbyrå") som sätter ihop WordPress eller en sidbyggare. Det är ett helt rimligt val för en broschyrsajt. Det är fel verktyg i samma stund du behöver konton, egen logik, riktig data, eller något som ska skala och förbli underhållbart. Klura står på andra sidan den linjen: vi bygger applikationen, hela vägen, i kod vi äger och förstår.
- Kund- eller medlemsportaler – inloggning, roller, kontodata, självbetjäning.
- Interna verktyg och dashboards – som ersätter ett skört kalkylark eller en manuell process.
- SaaS-produkter – appar med flera kunder och fakturering, där mjukvaran är affären.
- Boknings-, schemaläggnings- och flödesappar – tillstånd, regler, notiser.
- Webbplattformar med ett API – en backend som även en app eller en partner kan använda.
Så arbetar vi – omfattning, bygge, lansering
Vi håller processen liten och tydlig med avsikt. Du pratar med personen som skriver koden i varje steg; inget skickas vidare i en kedja. Ett typiskt uppdrag löper i fyra faser:
- 1. Omfattning – ett kort, konkret samtal om vad appen ska göra, för vem, och hur "klart" ser ut för första versionen. Vi kartlägger skärmarna, datan och integrationerna och kommer överens om en tydlig första delleverans. Resultatet är en skriven omfattning och ett ärligt spann, inte en luddig offert.
- 2. Design och arkitektur – vi formar datamodellen, API:et och gränssnittet tillsammans, eftersom de i en typsäker stack är ett och samma beslut. Du ser ett riktigt, klickbart gränssnitt tidigt i stället för statiska skisser, så att ändringar är billiga medan de fortfarande är billiga.
- 3. Bygge – vi levererar i små, fungerande steg som du faktiskt kan använda, driftsatta till en live-förhandsvisning från dag ett. Du ser appen ta form och styr den, i stället för att vänta i månader på en stor avtäckning. Återkoppling går rakt in i nästa steg.
- 4. Lansering och överlämning – driftsättning till edge, en riktig domän, övervakning, och en ren överlämning: du får källkoden, infrastrukturen och dokumentationen. Vill du att vi fortsätter underhålla den gör vi det; vill du ta den in-house är inget låst till oss.
Vad du får
Omfattningen varierar, men ett webbappsbygge från Klura är fullstack som standard – vi lämnar inte över en frontend och låter backend bli ditt problem. Konkret:
- En genomarbetad, responsiv frontend – React 19, tillgänglig, snabb i mobilen, med en riktig design i stället för ett färdigt tema.
- Ett typat backend-API – din affärslogik, validerad vid gränssnittet, med samma typer delade fram och bak så att en ändring inte tyst kan ha sönder andra halvan.
- En riktig databas – Postgres (Neon), med ett ordentligt schema och migreringar, inte ett CMS som låtsas vara ett datalager.
- Autentisering och roller när du behöver det – säker inloggning, konton, behörigheter.
- Integrationer – betalning (Stripe), e-post, tredjeparts-API:er, de externa system din app måste prata med.
- Driftsättning och infrastruktur – uppsatt som kod, körd på Cloudflares edge, med förhandsmiljöer och en väg du kan lämna till vem som helst.
- Källkoden och ägandet – den är din, i ett rent repo, utan proprietär inlåsning.
Tekniken – och varför (med riktigt bevis)
Vi har standardiserat på en modern stack och använder den till allt, inklusive den här sajten. Det är medvetet: djup i en sammanhängande verktygskedja slår ett nytt ramverk per projekt. Här är vad vi bygger med och det ärliga skälet till varje val.
| Lager | Vad vi använder | Varför |
|---|---|---|
| Frontend | React 19 + TypeScript | Det mest spridda UI-ekosystemet, så du sitter aldrig fast med ett nischramverk eller en utvecklare som inte går att ersätta. TypeScript fångar hela klasser av buggar innan de når produktion. |
| Ramverk | TanStack Start | Modern fullstack-React med serverrendering och typsäker routing och dataladdning. Snabb första rendering, bra SEO, inget separat backend-ramverk att limma på. |
| Backend / API | TypeScript hela vägen | Frontend och backend delar ett språk och en uppsättning typer. En ändring i datamodellen lyser upp varje ställe som behöver uppdateras – buggar dyker upp vid kompilering, inte i produktion. |
| Databas | Neon Postgres | Riktig, beprövad SQL med en serverless-drivrutin som körs på edge. Ordentlig relationsdata, inte en leverantörs egna lagring du inte kan ta med dig. |
| Hosting | Cloudflare Workers (edge) | Din app körs i datacenter nära dina användare, skalar automatiskt och kostar nästan inget i liten skala. Inga servrar att patcha. |
De ärliga avvägningarna: den här stacken är nyare än WordPress, så den är inte rätt svar för en broschyrsajt på fem sidor som en icke-teknisk person ska redigera dagligen – för det är ett CMS faktiskt billigare, och då säger vi det. Och edge-miljöer har begränsningar som en traditionell Node-server inte har, vilket är precis det slags sak erfarenhet hanterar i det tysta. Det du får i utbyte är mjukvara som är snabb, typsäker, billig att driva och underhållbar i åratal i stället för en plugin-hög som ruttnar.
Beviset är inget case vi ber dig ta på tro – Klura har ingen offentlig kundlista att vifta med, och vi hittar inte på en. Beviset är den här sidan. klura.app är en TanStack Start-app som körs på Cloudflare Workers, samma teknik som beskrivs ovan. Du läser själva artefakten. Om den laddade snabbt och beter sig väl, så är det arbetet.
Vad det kostar
Vi publicerar ingen fast prislista, eftersom en ärlig siffra beror på din omfattning och en påhittad siffra hjälper ingen. Som riktmärke: seniora svenska utvecklartimpriser ligger på ungefär 800–1 200 kr/h, mot ungefär 900–1 800 kr/h för en byrå. Skillnaden med en senior solostudio är strukturell – ingen account manager, inget säljled och ingen junior som faktureras som senior, så du betalar för arbetet snarare än overheaden, och du pratar med personen som faktiskt bygger det.
En fokuserad webbapp – en portal eller ett internt verktyg med inloggning, en riktig backend och ett rent gränssnitt – avgränsas typiskt som ett första bygge i ett fast spann, med löpande kostnader efter lansering som är små på en edge/serverless-stack. För konkreta sifferintervall, tidslinjer och vad som driver siffran upp eller ner, se vår prisguide; ekonomin för en webbapp och en mobilapp överlappar i hög grad, eftersom vi bygger båda på samma grund.
Vanliga frågor
Vad är skillnaden mellan en webbapp och en webbplats?
En webbplats visar innehåll; en webbapp utför arbete – användare loggar in, data sparas och ändras, och logik körs på en server. Ett bokningssystem, en kundportal, en dashboard eller en SaaS-produkt är webbappar. Klura bygger webbappar: riktig mjukvara med frontend, API och databas, byggd hela vägen, inte en CMS-baserad broschyrsajt.
Hur skiljer sig Klura från en webbyrå?
De flesta webbyråer i Stockholm är designbyråer som sätter ihop WordPress eller en sidbyggare, vilket passar en broschyrsajt. Klura är en fullstack-mjukvarustudio: vi skriver applikationen i kod vi äger – React, ett typat API, Postgres, driftsatt på edge. Om du verkligen bara behöver en redigerbar sajt på fem sidor säger vi att ett CMS är det billigare, bättre valet. Behöver du riktig mjukvara är det precis det vi bygger.
Kan ni bygga både frontend och backend?
Ja – det är hela poängen. En webbapp från Klura är fullstack som standard: gränssnittet, API:et, databasen, autentisering, integrationer och driftsättning, allt byggt och ägt ihop. Eftersom det är TypeScript hela vägen delar frontend och backend en uppsättning typer, så en ändring kan inte tyst ha sönder halva appen.
Kommer jag kunna underhålla appen, eller blir jag inlåst?
Du äger källkoden och infrastrukturen, i ett rent repo utan proprietär inlåsning. Vill du att Klura fortsätter underhålla den gör vi det; vill du ta den in-house eller lämna den till en annan utvecklare är stacken vanlig React och Postgres, så vem som helst kompetent kan ta över. Vi bygger inte in beroende av oss i affären.
Vad kostar det att bygga en webbapp med Klura?
Det beror på omfattningen, så vi ger ett ärligt vägledande spann på ett första samtal och en fast offert när omfattningen är tydlig, i stället för ett påhittat listpris. Som riktmärke ligger seniora svenska timpriser på ungefär 800–1 200 kr/h, och en edge/serverless-stack håller de löpande kostnaderna låga efter lansering. Vår prisguide bryter ner intervallen och vad som flyttar siffran.
Har du en webbapp i åtanke – en portal, ett internt verktyg, en SaaS-produkt? Berätta ungefär vad den ska göra så ger vi dig ett rakt, ärligt spann. Mejla hej@klura.app.