Har leveret en fuld Progressive Web App
Har leveret fuld understøttelse af Progressive Web App — kan installeres og bruges offline — med Workbox runtime‑caching via next‑pwa.
Arbejdet udført: 2025

Foto: Pexels / Pixabay 
Foto: sharkolot / Pixabay
kan installeres og kan læses til søs uden signal
Situation. En stor del af platformens brugere er til søs. Søfarende og medarbejdere i marken, på telefonen, ofte offline eller på en dårlig forbindelse — ikke folk, der sidder ved et skrivebord på et stabilt kontor‑wifi. At bygge, som om alle havde et hurtigt netværk hele tiden, ville i det stille have udelukket en stor del af den reelle målgruppe.
Opgave. Appen skulle være installerbar som en native app og stadig brugbar, når netværket falder ud.
Handling. Den leveres som en fuldgyldig Progressive Web App. Den installeres på hjemmeskærmen med ordentlige ikoner i de forskellige størrelser, en splash‑skærm og temafarver, så den ligner og starter som en app og ikke som et bogmærke. Service workeren er sat op gennem next‑pwa‑pluginet, og Workbox’ runtime‑caching bruger CacheFirst til det, der ikke ændrer sig fra request til request — skrifttyper, billeder, lyd, video, CDN‑ressourcer — sammen med fornuftige cache‑control‑headere i HTTP. Fordi service workers kun for alvor fungerer over HTTPS, blev offline- og installationsadfærden valideret med test over HTTPS på rigtige enheder i stedet for blot at håbe på, at det virkede.
Resultat. Brugerne kan installere appen og blive ved med at bruge den offline, og gentagne indlæsninger hentes hurtigt fra cachen i stedet for over nettet. Platformen opfører sig som en native app på det udstyr, brugerne rent faktisk har med sig, hvilket for denne målgruppe ikke er en luksus — det er forskellen på, om appen er brugbar til søs eller ej.
Se tilbage på Har bygget Next.js 16‑frontenden: SSR, SSG og CSR. Læs videre: Har bygget et engelsk/dansk i18n‑system. Eller tag et kig på hele porteføljen.
Ét stykke af en længere fortegnelse — og det hele ligger her på sitet.
Hver post er skrevet på samme måde: situationen, opgaven, hvad vi gjorde, og hvad der ændrede sig.

