Webbapplikationer
Webbapplikationer som gör jobbet
Kundportaler, interna webbverktyg och SaaS-produkter byggda i React och Next.js. Snabba, säkra och lätta att bygga vidare på, med fast pris och förslag inom 48 timmar.
- React, Next.js och TypeScript
- Fungerar lika bra i mobilen
- Ni äger kod och data
Webbapp, kundportal eller SaaS: vad är vad?
Orden används om vartannat. Skillnaden ligger i vem som använder systemet och hur det betalas, inte i tekniken. Vi bygger alla tre på samma grund.
Webbapplikation
Ett program som körs i webbläsaren i stället för att installeras. Personalen loggar in och arbetar, från vilken dator eller telefon som helst.
Kundportal
En webbapp för era kunder: se orderstatus, ladda ner fakturor, beställa igen, öppna ärenden. Färre mejl och samtal till er.
SaaS-produkt
En webbapp ni säljer till många kunder mot abonnemang. Kräver inloggning, roller, betalning och att kunderna hålls isär.
Internt webbverktyg
Dashboards, admin-gränssnitt och verktyg för ett team. Ofta det som ersätter ett kalkylblad som vuxit sig för stort.
MVP och första version
Den minsta versionen som går att sätta i händerna på riktiga användare. Byggd för att lära, inte för att imponera.
Publik kampanjsajt
När sajten är själva upplevelsen, som piratebae.org som vi byggde åt yaeger och Sony Music Sweden.
Så bygger vi en MVP som håller
En MVP ska vara liten men inte slarvig. Det som byggs ska gå att bygga vidare på, annars börjar ni om efter tre månader.
Ett flöde, inte tio
Vi väljer det enda flöde som bevisar idén och bygger bara det. Allt annat skjuts upp med flit.
Riktig grund
Inloggning, databas och drift sätts upp rätt från början. Det är billigt nu och dyrt senare.
Riktiga användare inom veckor
Målet är att någon utanför projektet använder appen så snart som möjligt. Deras beteende styr nästa steg.
Bygg vidare eller lägg ner
Efter första versionen vet ni om idén bär. Båda utfallen är bra utfall när de kommer snabbt.
Vad krävs för en SaaS-produkt?
Att gå från en webbapp för ett företag till en produkt för hundra företag handlar om fyra saker som ofta underskattas.
Kunderna hålls isär
Varje kund ska bara se sin egen data, även när allt ligger i samma databas. Det måste vara rätt från första raden.
Roller och inbjudningar
En kund har flera användare med olika behörighet, och de bjuder in varandra utan att ni är inblandade.
Betalning och abonnemang
Prisplaner, provperioder, kortbetalning och fakturor. Vi kopplar in en betalleverantör i stället för att bygga eget.
Drift som skalar
Tio kunder och tusen kunder ska köra samma kod. Övervakning, backup och uppdateringar utan driftstopp.
Teknik: React, Next.js och när vi väljer vad
React är biblioteket som ritar gränssnittet. Next.js är ramverket runt React som ger sidor som laddar snabbt, hittas av sökmotorer och körs på servern där det behövs. Vi bygger nästan allt i Next.js, och den här sajten är byggd med det.
Next.js och React
Gränssnitt som är snabba på mobil, tillgängliga och indexerbara. Serverrendering där det gör nytta, klientlogik där det behövs.
Node.js och TypeScript
Samma språk i backend som i frontend. Typad kod som fångar fel innan de når användarna.
PostgreSQL
Relationsdatabas som klarar allt från första kunden till miljoner rader, med riktiga transaktioner.
AWS eller Vercel
Drift som passar appen: Vercel för snabb leverans av Next.js, AWS när ni behöver mer kontroll.
Vad kostar det att bygga en webbapp?
Priset sätts per projekt och är fast innan vi börjar. Det avgörs av hur många roller, hur mycket logik och hur många integrationer appen ska hantera.
Antal roller
En app där alla ser samma sak är enkel. Kund, admin, partner och support med olika vyer kräver mer.
Affärslogik
Prisberäkningar, godkännandeflöden och regler som skiljer sig per kund tar tid att få rätt.
Integrationer
Ekonomisystem, betalning, e-post, e-signering. Varje koppling ska förstås och testas.
Design
En intern app kan vara enkel. En kundportal som bär ert varumärke behöver mer omsorg.
Vi ger hellre ett fast pris efter ett samtal än ett intervall som inte säger något. Boka ett möte så får ni ett konkret förslag inom två arbetsdagar.
Case
yaeger x Sony Music Sweden
Immersiv kampanjsajt på piratebae.org, levererad mot releasedatum. Designriktning, frontend, prestanda och drift.
Läs casetSony Music Sweden
Internt projekthanteringssystem och ett länkhanteringssystem som webbappar, i daglig användning.
Läs casetSammanhangWebbapplikationer är en del av vår systemutveckling.
RelateratSka appen ligga i App Store och Google Play i stället för i webbläsaren? Läs om hur vi utvecklar appar för iOS och Android.
Vanliga frågor om webbapplikationer
Vad kostar det att bygga en webbapp?
Det avgörs av antal roller, mängden affärslogik och hur många system appen ska kopplas till. En enkel intern webbapp med en roll och ingen integration är ett litet projekt. En kundportal med flera roller, betalning och koppling till ekonomisystemet är ett större. Ni får alltid ett fast pris inom 48 timmar efter ett intromöte.
Vad är skillnaden mellan en webbapp och en hemsida?
En hemsida visar information för besökare. En webbapp är ett program som användare loggar in i och arbetar med: skapar, ändrar och följer upp saker. Hemsidan ska synas i Google, webbappen ska få jobbet gjort. Tekniken kan vara densamma men kraven är helt olika.
Hur lång tid tar en MVP?
En första version med ett fungerande flöde och riktig inloggning tar normalt några veckor. Vi begränsar omfattningen hårt just för att ni ska kunna sätta appen i händerna på riktiga användare snabbt och lära av hur de använder den.
Kan ni bygga vidare på vår befintliga webbapp?
Ja. Vi börjar med att läsa in koden, dokumentera hur den fungerar och sätta upp tester och övervakning. Sedan förbättrar vi i etapper. Är koden i så dåligt skick att den bör skrivas om säger vi det, med en plan för att göra det utan att stoppa verksamheten.
Varför React och Next.js?
React är det mest använda gränssnittsbiblioteket i världen, vilket gör det lätt att hitta utvecklare och svårt att bli inlåst. Next.js lägger till serverrendering, snabb laddning och bra sökmotorstöd ovanpå. Tillsammans ger de appar som är snabba för användaren och hållbara att underhålla i många år.
Hur hanterar ni inloggning och säkerhet?
Vi bygger inte egen inloggning utan använder beprövade lösningar med stöd för lösenord, engångskoder och inloggning via Google eller Microsoft. All data krypteras i transport och i vila, behörigheter kontrolleras på servern och vi loggar vem som gjort vad.
Kan webbappen bli en mobilapp senare?
Ja, och det är ett vanligt upplägg. Webbappen byggs med ett API som en mobilapp senare kan använda. Backend, inloggning och data delas, bara gränssnittet byggs om för App Store och Google Play. Läs mer på sidan om apputveckling.
Berätta vad appen ska göra
Beskriv vem som ska använda den och vad de ska kunna göra, så återkommer vi inom en arbetsdag.