Modernisering av SaaS-plattform - från PHP-monolit till Next.js och TypeScript
Ett illustrativt case baserat på verkligt arbete: hur ett svenskt SaaS-bolag med 30 000 användare byggde om sin legacy PHP-plattform till en modern Next.js-arkitektur - och tredubblade utvecklingshastigheten.
3×
snabbare utvecklingstakt
60%
bättre Core Web Vitals
35%
lägre infrastrukturkostnad
Utmaning
Fyra skäl till varför PHP-monoliten inte kunde leva vidare.
Legacy PHP-monolit
Tio år gammal PHP-applikation med monolitisk arkitektur. Varje feature krävde ändringar i hela stacken. Deployment var en manuell process med hög risk och lång nedtid.
Långsam utvecklingstakt
En enkel feature tog två veckor från idé till produktion. Inga automatiska tester, ingen CI/CD. Varje release innebar sömnlösa nätter för utvecklingsteamet.
Dålig användarupplevelse
Långsamma sidladdningar med 4-6 sekunders laddtid. Mobilupplevelsen var undermålig. SEO påverkades negativt och användarna klagade på tröga gränssnitt.
Sårbar och dyr infrastruktur
Applikationen körde på få men stora servrar. Ingen automatisk skalning. Vid trafiktoppar stannade plattformen. Driftkostnaden var hög per användare.
Lösning
Sex steg från legacy PHP till modern SaaS-arkitektur.
Strangler Fig-pattern (vecka 1-4)
Migrerade genom strangler fig: varje ny feature byggdes i Next.js medan legacy PHP låg kvar. En reverse proxy dirigerade trafik mellan gamla och nya system. Inget avbrott.
Next.js + TypeScript
Modern arkitektur med App Router, Server Components och React Server Actions. TypeScript från dag ett med strikt typning. API-routes ersatte gradvis PHP-endpoints.
Responsivt designsystem
Byggde ett Tailwind CSS-baserat designsystem med full responsivitet. Alla komponenter testades i Playwright för regression. Mobilupplevelsen blev first-class citizen.
Headless CMS och edge
Innehållshantering via headless CMS (Sanity) med ISR på Vercel Edge. Innehållet uppdateras i realtid utan full omdeploy. Statisk generering för publika sidor.
CI/CD och automatisk testning
GitHub Actions med automatisk lint, type-check, enhetstester och Playwright-integrationstester. Preview deployments per PR. Deploy i produktion på under 5 minuter.
Skalbar infrastruktur
Vercel för frontend med edge functions och automatisk skalning. PostgreSQL på Neon med serverless skalning. Stripe för betalningar och NextAuth för autentisering.
Teknikstack
Resultat
Vad förändrades efter sexton veckor.
3× snabbare utveckling
Nya features går från idé till produktion på 3-4 dagar i stället för 2 veckor. Utvecklarna älskar verktygen. Rekrytering av nya utvecklare är märkbart enklare.
60% bättre Core Web Vitals
LCP från 4,2 s till 0,8 s. Mobilanvändare har samma upplevelse som desktop. SEO-rankningen har förbättrats avsevärt. Bounce rate minskade med 40%.
35% lägre driftkostnad
Edge computing och serverless eliminerade overprovisionering. Automatisk skalning innebär inga betalda tomma servrar. Plattformen är redo för 300 000 användare.
Fakta om uppdraget
Bransch
SaaS
Tidslinje
16 veckor
Format
Solo-leverans + intern produktchef
Kund
Anonymiserat - svenskt SaaS-bolag
Detta case är anonymiserat - siffror och tekniska val är representativa men inte exakta. Den underliggande arkitekturen och arbetsmodellen är dock direkt återanvändbar för liknande uppdrag.
Modernisera er SaaS-plattform?
Tjänsten Webbutveckling täcker hela vägen - legacy-genomlysning, arkitektur, implementation och förvaltning.
Läs om tjänsten