Een progressive web app (PWA) is een website die je installeert en gebruikt als een app. Een PWA biedt een icoon op het beginscherm, een eigen venster, offline gebruik en pushmeldingen. In 2026 draait één PWA-codebase op Android, Windows, macOS en de iPhone. Installeren gaat via Chrome (Google), Edge of Safari, zonder app store. Volgens StatCounter kwam in september 2026 bijna 65% van het Nederlandse webverkeer van een telefoon, in Duitsland bijna 60%. Een PWA kost bovendien veel minder dan twee native apps. Een eenvoudige web app heeft bij VirtuoLab een indicatie vanaf €5000. Twee native apps kosten tot €120.000 voor iOS en Android samen. Er zijn wel twee beperkingen. Ten eerste is de toegang tot hardware zoals Bluetooth en NFC beperkt. Ten tweede komt een PWA niet automatisch in de App Store of Google Play. VirtuoLab bouwt PWA's hands-on met Next.js en kiest per scherm een offline-first aanpak waar dat helpt.
Wat is een progressive web app?
Een progressive web app is een website, gebouwd met standaard webtechniek, die de ervaring van een geïnstalleerde app biedt. De term gaat terug op een artikel van Alex Russell uit juni 2015. Volgens MDN kan een PWA "op het apparaat worden geïnstalleerd, offline en op de achtergrond werken, en integreren met het apparaat". In 2026 maken drie bouwstenen van een website een PWA. Ten eerste draait de site via HTTPS. Ten tweede beschrijft een web app manifest de naam, iconen, kleuren en weergavemodus van de app. Ten derde zit er een service worker tussen de app en het netwerk, zodat de app bestanden kan cachen en offline kan werken. Volgens de Web Almanac 2025 gebruikt 24,5% van de websites een service worker of een manifest, maar heeft slechts 3,5% van de mobiele sites allebei. Gebruikers installeren een PWA rechtstreeks vanuit de browser, bijvoorbeeld via Chrome (Google) of Safari. Een PWA is dus een web app met een extra laag, geen apart product.
Wat zijn de voordelen van een PWA?
Het grootste voordeel van een PWA is één codebase die via de browser elk platform bereikt. Ten eerste draait dezelfde code op Android, iPhone, Windows en macOS, dus er is één product om te bouwen, te testen en te onderhouden. Ten tweede gaan updates direct live, omdat er geen App Store-review tussen een fix en de gebruiker zit. Ten derde heeft elk scherm een URL, zodat Google de content kan indexeren en klanten een link kunnen delen. Daarnaast heeft een PWA geen storekosten en geen storecommissie. Apple vraagt voor het developerprogramma jaarlijks €99. Daarbovenop komt 15% commissie op digitale verkopen binnen het Small Business Program (Apple 2026). Een PWA handelt betalingen af via Stripe, voor 1,5% plus €0,25 per EER-kaartbetaling. Installeren is ook licht, omdat er geen grote download uit een store nodig is. Een klantportaal wordt bijvoorbeeld op elk apparaat installeerbaar zodra het manifest en de service worker live staan.
Wat zijn de beperkingen van een PWA tegenover een native app?
De belangrijkste beperking van een PWA is de beperkte toegang tot hardware en functies van het besturingssysteem. Camera, locatie en pushmeldingen werken in moderne browsers, maar Bluetooth en NFC werken niet overal. MDN markeert Web Bluetooth en Web NFC in 2026 als experimenteel. Web Bluetooth werkt niet op de iPhone, die volgens StatCounter 32% van de Nederlandse telefoons uitmaakt. Web NFC werkt vrijwel alleen in Chrome op het systeem van Google (Android), dat 68% heeft. Daarnaast staat een PWA niet automatisch in de App Store of Google Play, waar veel mensen naar apps zoeken. Zware 3D-graphics, games en lange achtergrondtaken draaien nog steeds beter als native code. Apple eist in de App Store bovendien meer dan een opnieuw verpakte website, volgens App Store-richtlijn 4.2. In de praktijk is een cross-platform app met React Native of Flutter de betere keuze als Bluetooth-hardware, in-app-aankopen of zichtbaarheid via Google Play essentieel zijn.
Hoe goed werken PWA's op de iPhone in 2026?
De iPhone is in 2026 een veel beter platform voor PWA's dan een paar jaar geleden. Sinds iOS en iPadOS 16.4 kunnen web apps op het beginscherm toestemming vragen voor pushmeldingen, volgens WebKit (Apple) in 2023. Dat verzoek moet volgen op een directe actie van de gebruiker, zoals een tik op een aanmeldknop. Dat is verstandig: volgens de Web Almanac 2025 accepteert op mobiel 16% van de gebruikers een meldingsverzoek, op desktop 6%. Apple ging in 2025 verder. Met iOS 26 opent elke website die aan het beginscherm wordt toegevoegd standaard als web app, zelfs zonder manifest. Eén drempel blijft. Safari op iOS ondersteunt het beforeinstallprompt-event niet, anders dan Chrome van Google op Android. Een PWA kan op de iPhone dus geen installatie starten vanuit een eigen knop. De documentatie van Next.js raadt daarom een korte instructie voor iOS-gebruikers aan: tik op Deel en daarna op Zet op beginscherm. Zo'n installatietip helpt iPhone-gebruikers die voor het eerst een web app via Safari installeren.
Hoe verhouden PWA, cross-platform app en native apps zich?
De tabel vergelijkt de drie routes op de punten die bij de meeste projecten de doorslag geven.
Welke projecten passen het best bij een PWA?
Een PWA is de juiste keuze als gebruikers via Google of een link binnenkomen en de app vooral informatie toont en verzamelt. Ten eerste werkt een klantportaal voor bestellingen, facturen en tickets goed, omdat klanten het portaal openen vanuit een link in een e-mail. Dat gebeurt vaak op een telefoon: volgens StatCounter kwam bijna 65% van het Nederlandse webverkeer in 2026 van telefoons. Ten tweede profiteert een boekingstool van directe updates en een icoon op het beginscherm. Ten derde kan een servicetool voor monteurs formulieren lokaal opslaan en versturen zodra de verbinding terug is. Daarnaast passen planningstools, zoals een planbord op een laptop (Windows) en een telefoon. Tot slot past een MVP goed, want een startup test met één codebase eerst de vraag. Bij 43% van de gestopte startups speelde volgens CB Insights een slechte product-market fit mee. Pas daarna gaat er geld naar twee native apps: €40.000 tot €120.000. De beslissende vraag blijft: heeft de app hardware of storezichtbaarheid nodig die het web niet biedt?
Wat kost een PWA in 2026?
Een PWA is technisch gezien een web app, dus de prijzen van web apps zijn het beste referentiepunt. VirtuoLab geeft een indicatie van €5000 tot €10.000 voor een eenvoudige web app in 3 tot 6 weken. Een middelgrote web app duurt 6 tot 12 weken en kost tot €25.000. De PWA-laag zelf, met een manifest, een service worker en pushmeldingen, voegt beperkt werk toe aan een goed gebouwde web app. Ter vergelijking: een app voor beide platformen met React Native of Flutter kost tot €60.000, en twee native apps tot €120.000. Daar komen storeaccounts bij van €99 per jaar bij Apple en eenmalig €25 bij Google. Ook de commissie valt weg: Google Play rekent op abonnementen in een Android-app 10% servicekosten plus 5% factureringskosten (Google 2026). Een PWA rekent abonnementen gewoon af via Stripe of Mollie. De hosting kost hetzelfde als bij een gewone web app. VirtuoLab spreekt vooraf een vaste prijs af, na een gratis kennismaking.
Hoe bouw je een PWA met Next.js?
Een PWA bouwen met Next.js vraagt vijf stappen bovenop een gewone web app. Dat framework is gangbaar: in de Stack Overflow Developer Survey 2025 gebruikte 20,8% van de respondenten Next.js. Stap 1 is het web app manifest: een bestand app/manifest.ts met een naam, iconen van 192 en 512 pixels, een start-URL en een weergavemodus. Volgens de Web Almanac 2025 staat 78% van de mobiele manifests op standalone, de modus zonder adresbalk. Stap 2 is HTTPS, wat elke installeerbare PWA vereist. Stap 3 is een service worker, met volledige offline caching via Serwist. Stap 4 is web push, met VAPID-sleutels en een server action die meldingen verstuurt. Stap 5 is testen op echte apparaten: Chrome op Android, Safari op de iPhone (Apple) en een desktopbrowser. Volgens de installatiecriteria van Google verwacht Chrome bovendien een klik op de pagina en minstens 30 seconden gebruik voordat er een installatievoorstel verschijnt. Offline gedrag en pushmeldingen vragen de meeste testtijd.
Veelgestelde vragen
Kan een PWA in de App Store of Google Play?
Ja, een PWA kan in Google Play komen, maar de route naar de App Store is lastiger. Ten eerste opent een Trusted Web Activity op Android de PWA in een dunne Android-app. De tool Bubblewrap van Google maakt het project daarna klaar voor publicatie via Google Play. Dat bereikt in Nederland 68% van de telefoons, volgens StatCounter. Ten tweede is op de iPhone een native schil nodig, gebouwd met Capacitor (Ionic). Apple-richtlijn 4.2 vraagt om apps die verder gaan dan een opnieuw verpakte website, dus een PWA voor de App Store heeft native extra's nodig, zoals pushintegratie of apparaatfuncties. Apple beoordeelt daarna 90% van de inzendingen binnen 48 uur. Storeaccounts kosten in 2026 €99 per jaar bij Apple en eenmalig €25 bij Google. Google Play vraagt nieuwe persoonlijke accounts bovendien om vóór publicatie een gesloten test met 12 testers gedurende 14 dagen. Dat geldt voor accounts die zijn aangemaakt na 13 november 2023. Voor veel zakelijke apps is verspreiding via een link genoeg.
Werkt een PWA offline?
Ja, een PWA werkt offline voor elk scherm en elk bestand dat de service worker heeft gecachet. Het eerste bezoek is altijd online, omdat de service worker zich tijdens dat bezoek installeert. Daarna openen gecachete pagina's, stijlen en gegevens zonder netwerk. Offline werken gaat niet vanzelf: een developer bepaalt per scherm wat er wordt gecachet en wat er zonder verbinding verschijnt. Een offline-first opzet bestaat meestal uit drie lagen: 1) een offline pagina met een duidelijke melding, 2) de meestgebruikte schermen in de cache en 3) formulieren die lokaal blijven tot de verbinding terug is. Een developer legt die regels per route vast via Serwist, een afgeleide van Workbox (Google). Volgens de HTTP Archive Web Almanac 2025 wordt 28,9% van de top 1.000 mobiele pagina's beheerd door een service worker, tegenover 20% van alle mobiele sites. Een volledig offline servicetool voor monteurs is de meest complete vorm van offline werken.
Is een PWA goed voor SEO?
Ja, een PWA is goed voor SEO, omdat een PWA een website is met echte URL's die Google kan crawlen en indexeren. Een native app verschijnt daarentegen alleen via een storepagina in de zoekresultaten. Twee punten bepalen het resultaat: 1) server rendering en 2) snelheid. Een PWA die alles in de browser rendert, toont Google eerst een bijna lege pagina. Een site met Next.js rendert pagina's op de server of vooraf, zodat de content meteen zichtbaar is. Snelheid telt omdat Core Web Vitals worden gebruikt door de rankingsystemen van Google. Volgens de Web Almanac 2025 haalt 48% van de mobiele sites alle Core Web Vitals, en heeft 62% een goede LCP: binnen 2,5 seconde volgens web.dev (Google). Een service worker kan herhaalbezoeken versnellen door bestanden uit de cache te leveren. Een klantportaal met openbare helppagina's kan bijvoorbeeld met elk helpartikel ranken. Controleer de indexering via Google Search Console, ook in 2026.