# Leverte full støtte for Progressive Web App — kan installeres og fungerer uten nettforbindelse — med caching under kjøring i Workbox via next‑pwa.

2025

**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.

---

- Rolle: Fullstack‑ingeniør
- Kategorier: [Frontend‑utvikling](https://software.engineer.company/nb/categories/frontend/), [Fullstack‑utvikling](https://software.engineer.company/nb/categories/full-stack/), [Webutvikling](https://software.engineer.company/nb/categories/web-development/), [Pålitelighet og sikkerhetskopier](https://software.engineer.company/nb/categories/reliability/), [Ytelsesoptimalisering](https://software.engineer.company/nb/categories/performance/)
- Tjenester: [Frontend‑utvikling](https://software.engineer.company/nb/services/frontend-development/), [Utvikling av nettsteder og CMS](https://software.engineer.company/nb/services/web-development/)

<https://software.engineer.company/nb/portfolio/delivered-full-progressive-web-app-support-installable-and-74/>
