/ Frontendarkitektur
Optimering av dynamicdog.se
Migrering från Next.js och styled components till TanStack Start och CSS modules samt prestandaoptimering med Lighthouse.
Roll
Frontendutveckling
Period
2026
Problemet
Projektet undersöker hur en ny frontend-arkitektur i TanStack Start kan jämföras med den nuvarande lösningen, med särskilt fokus på prestandaoptimering mot Lighthouse.
Lösningen
Resultatet blev en ny frontendarkitektur byggd med TanStack Start, en Lighthouse-rapport där lösningen uppnådde över 90 poäng i samtliga kategorier samt en dokumenterad jämförelse mellan den befintliga och den nya lösningen.
Mitt ansvar
- Bygga upp en ny frontend-arkitektur i TanStack Start.
- Behålla integration med Storyblok.
- Optimering mot Lighthouse på desktop och mobil.
- Jämföra nuvarande och ny lösning.
- Föreslå förbättringar och nya features.
Teknisk lösning
- TanStack Start.
- Storyblok-integration.
- Lighthouse-optimering för desktop och mobil.
Resultat
Resultatet blev en ny frontendarkitektur byggd med TanStack Start, en Lighthouse-rapport där lösningen uppnådde över 90 poäng i samtliga kategorier samt en dokumenterad jämförelse mellan den befintliga och den nya lösningen.
Lärdomar
- Att arbeta med TanStack Start.
- Att utvärdera frontendlösningar med Lighthouse.
- Att behålla en befintlig Storyblok-integration vid arkitekturarbete.
Teknik
- TanStack Start
- Storyblok
- TypeScript
- Lighthouse