Leverte full støtte for Progressive Web App — kan installeres og fungerer uten nettforbindelse — med caching under kjøring i Workbox via next‑pwa.
Arbeidet utført: 2025
installerbar, og lesbar til sjøs uten dekning
Situasjon. Mange av plattformens brukere er til sjøs. Sjøfolk og feltpersonell, på mobilen, ofte frakoblet eller hengende på en dårlig forbindelse — ikke folk som sitter ved en pult på stabilt kontor‑wifi. Å bygge som om alle hadde et raskt og stabilt nett, ville i det stille ha stengt ute en stor del av det faktiske publikummet.
Oppgave. Appen måtte kunne installeres som en native app og fortsatt være brukbar når nettet faller ut.
Handling. Den leveres som en fullverdig Progressive Web App. Den installeres på hjemskjermen med skikkelige ikoner i de ulike størrelsene, en oppstartsskjerm og temafarger, så den ser ut og starter som en app og ikke som et bokmerke. Service workeren settes opp gjennom programtillegget next‑pwa, og cachingen under kjøring i Workbox bruker CacheFirst for det som ikke endrer seg fra forespørsel til forespørsel — fonter, bilder, lyd, video, CDN‑ressurser — sammen med fornuftige HTTP‑hoder for cache‑control. Fordi en service worker bare egentlig oppfører seg skikkelig over HTTPS, validerte HTTPS‑basert testing installasjons- og offline‑oppførselen på ekte enheter i stedet for å håpe at det virket.
Resultat. Brukerne kan installere appen og fortsette å bruke den frakoblet, og gjentatte innlastinger kommer raskt fra cachen i stedet for over nettet. Plattformen oppfører seg som en native app på maskinvaren brukerne faktisk har med seg, og for dette publikummet er det ingen luksus — det er forskjellen på at appen kan brukes til sjøs, og at den ikke kan det.
Se tilbake på Bygde Next.js 16‑frontenden med bevisste strategier for SSR, SSG og CSR, og en gjenbrukbar fabrikk for forhåndshentede serversider som fjerner N+1‑kaskaden av hentinger fra hver autentisert side som flyttes over på den. Les videre: Etablerte et engelsk/dansk internasjonaliseringssystem med 12 027 meldinger per språkversjon fordelt på 458 navneromsfiler, med vokabular håndhevet av linter og et budsjett på 400 linjer per fil. Eller ta en titt på hele porteføljen.
Ett stykke av en lengre oversikt — og den ligger i sin helhet her.
Hver oppføring er skrevet på samme måte: situasjonen, oppgaven, hva vi gjorde, og hva som endret seg.