PWA laten maken: wat een progressive web app kan en wat niet

Wat is een progressive web app (PWA)?

Een PWA is een web-app die je kunt installeren. Google omschrijft hem als een web-app die betrouwbaarder werkt, nieuwe mogelijkheden van het toestel gebruikt en te installeren is (web.dev). Technisch is het een gewone web-app met drie extra's (MDN):

• HTTPS: zonder beveiligde verbinding is een PWA niet te installeren.
• Een manifest: een klein bestand met de naam, de iconen en hoe de app opent, bijvoorbeeld zonder adresbalk.
• Een service worker: een script dat bestanden op het toestel bewaart. Niet verplicht voor installeren, wel de basis voor offline werken.

Sinds iOS 26 opent elke website die je op het beginscherm van een iPhone zet standaard als web-app, ook zonder manifest (WebKit, september 2025).

PWA, web-app of native app: wat is het verschil?

Een web-app open je in de browser, een PWA is dezelfde web-app die je ook installeert, en een native app download je uit de App Store of Google Play. Een cross-platform app zit daartussen.

• Web-app: software in de browser via een link, zoals een klantportaal of planning.
• PWA: dezelfde web-app, plus manifest en service worker.
• Native app: apart gebouwd voor iOS en Android, verspreid via de stores.
• Cross-platform app (vaak hybride genoemd): één codebase, bijvoorbeeld in Flutter of React Native, maar nog steeds twee apps om te testen, publiceren en onderhouden.

• Openen

  Web-app

  Via een link

  PWA

  Via een link of vanaf het beginscherm

  Native of cross-platform app

  Na downloaden uit een app store

• Offline werken

  Web-app

  Meestal niet

  PWA

  Ja, voor wat op het toestel bewaard is

  Native of cross-platform app

  Ja

• Bouwen

  Web-app

  Eén codebase

  PWA

  Eén codebase

  Native of cross-platform app

  Twee apps, of één codebase voor twee apps

• Nieuwe versie

  Web-app

  Online zetten, zonder keuring

  PWA

  Online zetten, zonder keuring

  Native of cross-platform app

  Via de stores, met keuring

• Vaste store-kosten

  Web-app

  Geen

  PWA

  Geen, of eenmalig 25 dollar als je ook in Google Play wilt

  Native of cross-platform app

  Apple 99 dollar per jaar, Google eenmalig 25 dollar

Bronnen: MDN, Apple Developer en Play Console Help, geraadpleegd op 9 november 2026. Het definitieve bedrag, met eventuele btw, zie je bij het afrekenen. Wat een PWA op de telefoon kan, staat in de volgende tabel.

Wat kan een PWA op iPhone en Android?

Installeren, offline werken, pushmeldingen, camera en locatie werken op allebei. Bluetooth, NFC en gegevens versturen op de achtergrond werken alleen op Android, niet op de iPhone.

• Installeren op het beginscherm

  iPhone

  Ja, via het deelmenu, zonder installatievoorstel

  Android

  Ja, Chrome kan installeren voorstellen

• Offline werken

  iPhone

  Ja

  Android

  Ja

• Pushmeldingen

  iPhone

  Ja, sinds iOS 16.4, vanaf het beginscherm

  Android

  Ja

• Getal op het app-icoon

  iPhone

  Ja, sinds iOS 16.4

  Android

  Niet als los getal

• Camera en locatie

  iPhone

  Ja, na toestemming

  Android

  Ja, na toestemming

• Bluetooth en NFC

  iPhone

  Nee

  Android

  Ja

• Gegevens versturen op de achtergrond (Background Sync)

  iPhone

  Nee

  Android

  Ja

• In de app store

  iPhone

  Niet als alleen een verpakte website (richtlijn 4.2)

  Android

  Ja, in Google Play via een Trusted Web Activity (een kleine Android-app die je PWA opent)

iPhone: Safari en de andere browsers op iOS. Android: Chrome. Bronnen: MDN over installeren, offline werken, pushmeldingen, het app-icoon, camera, locatie, Bluetooth, NFC en Background Sync; WebKit, Apple en Chrome for Developers, geraadpleegd op 9 november 2026.

Installeren op het beginscherm

Op Android installeert Chrome een PWA als echte app, met een plek in de app-lijst, en kan Chrome zelf voorstellen om te installeren. Op de iPhone gaat het via het deelmenu en “Zet op beginscherm”, sinds iOS 16.4 ook vanuit Chrome, Edge en Firefox, maar zonder installatievoorstel (MDN). Leg iPhone-gebruikers dus uit hoe dat werkt.

Offline werken

De service worker bewaart pagina's en gegevens op het toestel, zodat de app bruikbaar blijft als het netwerk wegvalt (MDN). Gegevens versturen terwijl de app dicht is, doet Android met Background Sync; Safari kent die functie niet (MDN). Op de iPhone verstuurt de app dus pas als hij weer open is.

Safari kan opgeslagen websitegegevens verwijderen als iemand een site een tijd niet gebruikt. Blijvende opslag geeft WebKit onder meer aan web-apps op het beginscherm (WebKit, augustus 2023). Bewaar belangrijke gegevens daarom ook op de server.

Pushmeldingen, ook op de iPhone

Sinds iOS 16.4 kan een web-app op het beginscherm pushmeldingen sturen en een getal op het app-icoon zetten. Om toestemming vragen mag pas na een handeling van de gebruiker, zoals een tik op “Meldingen aan” (WebKit, februari 2023). Stille meldingen, die iets op de achtergrond doen zonder zichtbaar bericht, ondersteunt geen enkele browser (MDN).

Camera en locatie

Camera en locatie werken op iPhone en Android, na toestemming van de gebruiker en alleen via https (MDN over de camera en locatie). Een foto bij een werkbon of je locatie bij een melding is dus geen reden voor een native app.

PWA's in de app stores en de regels in de EU

Een PWA heeft geen app store nodig, maar kan wel in Google Play en de Microsoft Store. De App Store wil meer zien dan een verpakte website. In de EU werken PWA's op de iPhone gewoon.

Google Play via een Trusted Web Activity

Voor Google Play verpak je de PWA in een Trusted Web Activity (TWA): een kleine Android-app die je eigen website schermvullend opent, zonder browserbalk. Dat je eigenaar bent, bewijs je met een bestand op je website, Digital Asset Links (Chrome for Developers). Het ontwikkelaarsaccount kost eenmalig 25 dollar (Play Console Help). Bij een persoonlijk account van na 13 november 2023 moeten eerst minstens 12 testers de app 14 dagen testen (Play Console Help). Verkoop je digitale producten in de Play-versie, dan gelden de betaalregels van Google Play (Chrome for Developers); de commissies staan in het artikel over app-kosten.

Microsoft Store en App Store

Met PWABuilder maak je pakketten voor onder meer de Microsoft Store en de App Store; elke store houdt zijn eigen regels en commissie aan (web.dev, maart 2023). Apple eist dat een app meer biedt dan “a repackaged website” (App Review Guidelines 4.2). Wil je toch in de App Store, dan moet de app echt iets extra's bieden en betaal je 99 dollar per lidmaatschapsjaar (Apple Developer).

PWA's op de iPhone in de EU: wat er sinds 2024 gebeurde

In februari 2024 maakte Apple bekend dat gebruikers in de EU met iOS 17.4 geen web-apps op het beginscherm meer kregen. Als reden noemde Apple de Digital Markets Act (DMA), de Europese wet voor grote techplatforms (MacRumors, 15 februari 2024). Op 1 maart 2024 draaide Apple dat terug: de functie bleef, “built directly on WebKit” (9to5Mac, 1 maart 2024). WebKit is de engine van Safari: de software die webpagina's op het scherm zet.

Wat nu geldt: browser-apps mogen in de EU sinds iOS 17.4 een andere engine dan WebKit gebruiken, met toestemming van Apple (Apple Developer). De EU-pagina van Apple voor ontwikkelaars noemt geen nieuwe regels voor web-apps op het beginscherm; de wijzigingen daar gaan over app-marktplaatsen, betalen en browsers (Apple Developer).

Wanneer vervangt een PWA een native app, en wanneer niet?

Een PWA vervangt een native app als je app draait om formulieren, overzichten, bestellen, boeken, foto's en meldingen. Kies native als de app op de iPhone Bluetooth, NFC of versturen op de achtergrond nodig heeft, als klanten hem dagelijks gebruiken, of als ze je in de App Store moeten vinden.

Twijfel je, begin dan met een PWA. Is later toch native nodig, dan kun je server en koppelingen meestal blijven gebruiken.

Oudere, bekende voorbeelden

• Twitter (nu X), 2017: Twitter Lite werd in april 2017 de standaard mobiele website. De PWA is ongeveer 600 KB, tegen 23,5 MB data voor de native Android-app (web.dev).
• Uber, 2017: volgens Uber kwam de kern van de PWA m.uber uit op 50 kB, “enabling the app to load quickly even on 2G networks” (Uber, juni 2017).
• Rakuten 24, 2020: bij bezoekers die de PWA van deze Japanse webwinkel installeerden, lag de retentie (het deel van de bezoekers dat terugkomt) over een maand 450 procent hoger dan bij wie niet installeerde (web.dev).

Let op: dit zijn grote bedrijven, en bij Rakuten 24 kozen de installeerders er zelf voor. De cijfers laten zien wat kan, niet wat jouw app oplevert.

Wat kost een PWA laten maken?

Een vast bedrag voor een PWA bestaat niet: de prijs hangt af van de schermen, functies en koppelingen, net als bij elke app. Vergeleken met twee native apps bespaar je vooral op het tweede platform, de store-kosten en de keuring per update.

Op volgorde van prijs is meestal een koppeling het goedkoopst, dan een web-app, een PWA, een cross-platform app en als duurste twee native apps. Wat de prijs van elke app bepaalt, van schermen tot onderhoud, staat in wat een app laten ontwikkelen kost.

Wat een PWA meer kost dan een gewone web-app

1. 1. Offline werken

   Welke schermen en gegevens werken zonder verbinding, en wat als twee mensen offline hetzelfde wijzigen? Hoe meer offline moet, hoe meer werk.

2. 2. Pushmeldingen

   Een server die meldingen verstuurt, plus een knop voor toestemming.

3. 3. Installeren

   Manifest, iconen en een korte uitleg voor iPhone-gebruikers.

4. 4. Testen als app

   Op iPhone en Android, in de browser én als geïnstalleerde app.

5. 5. Google Play (optioneel)

   Een Trusted Web Activity (een kleine Android-app die je PWA opent), de store-vermelding en eenmalig 25 dollar voor het account.

Hosting, domeinnaam, beveiligingsupdates en onderhoud lopen daarnaast door, net als bij elke web-app.

Buiten de App Store betaal je geen 99 dollar per jaar aan Apple (Apple Developer). Commissie speelt alleen bij digitale producten, zoals een abonnement in de app. Een PWA buiten de stores betaalt ook daarover geen store-commissie: die regels gelden pas voor een store-versie, zoals de Play-versie (Chrome for Developers, web.dev). Verkoop je fysieke producten of diensten, zoals een afspraak of een webshopbestelling? Dan gebruik je een eigen betaalmethode en betaal je de store geen commissie, ook niet in een native app (Apple-richtlijn 3.1.3(e) in de App Review Guidelines en het betalingsbeleid van Google Play).

Zoek je vooral een goede site zonder app-functies, lees dan wat een website laten maken kost. Geekie noemt voor apps en PWA's geen vanaf-prijs, want een kleine app voor eigen medewerkers is een ander project dan een klantplatform met betalingen. Na een kennismaking krijg je een voorstel met een vaste prijs en planning, vóór de start.

Hoe verloopt het laten maken van een PWA?

Een PWA-traject begint bij de vraag wat de app moet doen, niet bij de techniek. Daarna volgen een voorstel met vaste prijs, bouwen in korte rondes, testen op echte toestellen en de livegang.

1. 1Kennismaking. Wat moet de app doen, voor wie? En volstaat een PWA, of heb je op de iPhone Bluetooth, NFC of versturen op de achtergrond nodig?
2. 2Ontwerp en voorstel. Schermen, wat offline werkt en welke meldingen er komen, met een vaste prijs en planning.
3. 3Bouwen in stappen. Eerst de web-app, dan manifest, service worker en pushmeldingen, met tussentijds een testversie op je telefoon.
4. 4Testen. Installeren op iPhone en Android, vliegtuigmodus voor offline, toestemming voor camera en meldingen.
5. 5Livegang. Online via https, met uitleg voor iPhone-gebruikers en eventueel een versie voor Google Play.
6. 6Beheer of overdracht. Updates en hosting, of je krijgt code, documentatie en toegang, zodat je nergens aan vastzit.

Zo werkt Geekie ook: eerst begrijpen, dan bouwen. Volstaat een bestaand pakket of een koppeling tussen twee systemen, dan hoor je dat vóór je iets laat bouwen. Hoe wij webapps en mobiele apps bouwen, lees je op maatwerk software en apps.

Veelgestelde vragen over een PWA laten maken

Bronnen: MDN, WebKit over iOS 26 en pushmeldingen, Chrome for Developers en de App Review Guidelines.

Bronnen

Alle bronnen zijn geraadpleegd op 9 november 2026. De ondersteuning per browser komt uit de compatibiliteitsgegevens van MDN. De foto's komen van Unsplash, onder de Unsplash-licentie.

• web.dev: Learn PWA
• web.dev: PWAs in app stores (maart 2023)
• web.dev: Twitter Lite PWA significantly increases engagement and reduces data usage
• web.dev: Rakuten 24's investment in PWA increases user retention by 450% (2020)
• Uber: Building m.uber (27 juni 2017)
• MDN: Making PWAs installable
• MDN: Offline and background operation
• MDN: Navigator.serviceWorker
• MDN: PushManager
• MDN: Badging API
• MDN: MediaDevices.getUserMedia()
• MDN: Geolocation API
• MDN: Web Bluetooth API
• MDN: Web NFC API
• MDN: Background Synchronization API
• WebKit: Web Push for Web Apps on iOS and iPadOS (16 februari 2023)
• WebKit: Updates to Storage Policy (10 augustus 2023)
• WebKit: WebKit Features in Safari 26.0 (15 september 2025)
• Chrome for Developers: Trusted Web Activity quick start
• Chrome for Developers: Receive payments via Google Play Billing
• Apple Developer: App Review Guidelines
• Apple Developer: Purchase and activation
• Apple Developer: Changes for apps in the European Union
• Apple Developer: Using alternative browser engines in the European Union
• Play Console Help: Aan de slag met de Play Console
• Play Console Help: Vereisten voor het testen van apps voor nieuwe persoonlijke ontwikkelaarsaccounts
• Play Console Help: Payments policy
• MacRumors: Apple Confirms iOS 17.4 Disables Home Screen Web Apps in the European Union (15 februari 2024)
• 9to5Mac: Apple keeps Home Screen web apps in the EU (1 maart 2024)