Apps

Progressive web app laten maken (PWA)

De snelheid van een app, het gemak van een website, en geen gedoe met app store-reviews.

Vanaf €8.500 Doorlooptijd: 6-10 weken
  • Direct te installeren vanuit de browser, zonder App Store of Google Play en zonder jaarlijkse reviewrondes.
  • Eén codebase voor telefoon, tablet en desktop; updates staan meteen bij iedereen live.
  • Werkt offline en met pushberichten waar dat nodig is, tegen een fractie van de kosten van twee native apps.

Wat is een progressive web app?

Een progressive web app laten maken betekent dat je een webapplicatie krijgt die zich gedraagt als een app. Je gebruikers openen een link, kiezen 'toevoegen aan beginscherm' en hebben vanaf dat moment een icoon op hun telefoon, tablet of laptop. De app opent zonder browserbalk, werkt in veel gevallen ook offline en kan pushberichten sturen. Onder de motorkap is het gewoon een webapp, gebouwd met technieken als Vue.js of React, aangevuld met een service worker die zorgt voor caching en offline gedrag.

Voor jou als opdrachtgever is het grote voordeel dat je één keer bouwt en overal draait. Geen aparte iOS- en Android-versies, geen wachttijd tot Apple een update goedkeurt, en geen 15 tot 30 procent commissie als je iets verkoopt via de app. Een aanpassing zet je op de server en iedereen heeft hem meteen. Dat maakt een pwa een nuchtere keuze voor de meeste bedrijfstoepassingen.

Voor wie is een pwa geschikt?

Een pwa is vooral geschikt als je gebruikers de toepassing regelmatig op verschillende apparaten gebruiken en je geen zware hardwarefuncties nodig hebt. Voorbeelden van wat we hebben gebouwd of wat goed in deze vorm past:

  • Een bestelportaal voor een groothandel in horecabenodigdheden: de chef-kok bestelt vanaf zijn telefoon in de keuken, de inkoper vanaf de laptop.
  • Een urenregistratie voor een dienstverlener met veel flexkrachten, die geen zin hebben om een app te installeren maar wel een icoontje willen.
  • Een kwaliteitschecklist voor een productiebedrijf, gebruikt op tablets aan de lijn en op de pc van de kwaliteitsmanager.
  • Een ouderportaal voor een onderwijsinstelling met roosters, absentie en berichten.
  • Een ledenomgeving van een branchevereniging waarin leden hun gegevens en documenten beheren.

Draait je organisatie al op een webapplicatie op maat of een klantenportaal, dan kunnen we die vaak met beperkte inspanning ombouwen naar een installeerbare pwa. Dat is meestal de goedkoopste manier om je software 'als app' op de telefoon van je klanten te krijgen.

Wanneer is een pwa slim, en wanneer kies je toch voor native?

Kies voor een pwa als je snel wilt schakelen, budget belangrijk is, je gebruikers op meerdere apparaten werken en je functies in de categorie formulieren, overzichten, foto's uploaden, notificaties en eenvoudig offline gebruik vallen. Ook als je twijfelt of gebruikers de moeite nemen om een app te installeren, is een pwa een lage drempel: de website werkt altijd, installeren is een bonus.

Kies voor een native app in Flutter als je intensief offline moet werken met grote hoeveelheden data, als je Bluetooth-apparatuur, NFC of achtergrondlocatie nodig hebt, of als je per se zichtbaar wilt zijn in de App Store. Let op: pushberichten en installatie werken op iPhone pas sinds recente iOS-versies en met wat beperkingen. We vertellen je eerlijk waar de grenzen liggen. Vergelijk gerust met onze dienst app laten maken; soms is de conclusie dat native toch beter past.

Wat kost een progressive web app laten maken?

Omdat je maar één applicatie bouwt en geen app store-traject hebt, ligt de prijs meestal lager dan bij een native app. Indicatieve ranges, exclusief btw:

  • Bestaande webapp ombouwen naar installeerbare pwa met offline caching en icoon: €3.500 tot €8.000
  • Nieuwe pwa met inloggen, formulieren, overzichten en eenvoudige beheeromgeving: €8.500 tot €16.000
  • Pwa met offline synchronisatie, pushberichten, foto-upload en koppelingen met je ERP of CRM: €16.000 tot €30.000
  • Uitgebreid platform met meerdere rollen, betalingen en rapportages: €30.000 en hoger
  • Hosting, monitoring en updates: vanaf €95 per maand

Je ontvangt na een adviesgesprek binnen twee werkdagen een prijsindicatie en daarna een vaste prijs per fase. Meer achtergrond over hoe we webapplicaties begroten vind je in wat kost een webapplicatie laten maken.

Hoe wij een pwa bouwen

We beginnen met de vraag welke functies echt offline of als notificatie nodig zijn, want dat bepaalt de architectuur. Daarna ontwerpen we de schermen mobile-first: eerst goed op een telefoon, dan opschalen naar tablet en desktop. We bouwen de frontend in Vue.js of React met TypeScript en de backend in Laravel, met een API die je later ook voor andere toepassingen kunt gebruiken.

De service worker, het manifest en het installatiegedrag testen we op echte toestellen: Safari op iPhone gedraagt zich anders dan Chrome op Android, en dat wil je vóór livegang weten en niet erna. We werken in sprints van twee weken en zetten iedere sprint een testversie online waar jij en je gebruikers direct mee kunnen werken. Na oplevering kunnen we de hosting en het beheer verzorgen op Nederlandse of EU-servers, inclusief automatische updates en monitoring.

Progressive web app laten maken in Tilburg, Brabant en heel Nederland

SuperCoders bouwt pwa's vanuit Tilburg voor opdrachtgevers in Brabant en heel Nederland. Omdat een pwa volledig via het web draait, is samenwerken op afstand eenvoudig: je test op je eigen telefoon terwijl wij bouwen. Wil je weten of een pwa voor jouw toepassing de slimste route is? Bel 013 234 0782 of plan een gratis adviesgesprek. Je krijgt een eerlijk advies, ook als dat is dat een gewone webapp of een native app beter past.

Wat je krijgt

  • Een installeerbare progressive web app voor telefoon, tablet en desktop
  • Offline functionaliteit en pushberichten waar dat zinvol is, getest op echte toestellen
  • Een backend met API en beheeromgeving, of aansluiting op je bestaande systemen
  • Mobile-first schermontwerp, doorgetest op iPhone en Android
  • Broncode in jouw eigen Git-repository met technische documentatie
  • Hosting- en deploymentopzet, of overdracht naar je eigen omgeving

Onze aanpak

  1. 1

    Adviesgesprek en keuze

    We bepalen samen of een pwa past bij je doel en gebruikers, welke functies offline moeten werken en wat er in de eerste versie komt.

  2. 2

    Mobile-first ontwerp

    We ontwerpen de schermen eerst voor de telefoon en schalen op naar tablet en desktop. Je test het klikbare ontwerp op je eigen toestel.

  3. 3

    Bouwen in sprints

    Elke twee weken zetten we een nieuwe versie online. Frontend, backend en de offline-laag groeien gelijk op, met tests op echte toestellen.

  4. 4

    Installatie en notificaties testen

    We testen het installatiegedrag, pushberichten en offline synchronisatie op iOS en Android en lossen platformverschillen op vóór livegang.

  5. 5

    Livegang en beheer

    We zetten de pwa live op jouw domein, regelen hosting en monitoring en verzorgen updates zonder app store-vertraging.

Technologie & tooling

Vue.jsReactTypeScriptService WorkersWeb PushLaravelPostgreSQLDocker

Veelgestelde vragen

Wat is het verschil tussen een pwa en een gewone app?

Een pwa is een website die je kunt installeren en die zich gedraagt als app: eigen icoon, geen browserbalk, offline gebruik en notificaties. Een native app installeer je uit de App Store of Google Play en heeft volledige toegang tot hardware. Voor de meeste zakelijke toepassingen is een pwa voldoende en goedkoper.

Werkt een progressive web app ook op iPhone?

Ja. Je voegt de pwa via Safari toe aan het beginscherm. Sinds recente iOS-versies werken ook pushberichten, al zijn er wat beperkingen ten opzichte van Android. Offline gebruik werkt op beide platformen. We testen altijd op echte iPhones en Android-toestellen, zodat je vooraf weet wat wel en niet kan.

Kan mijn bestaande webapplicatie een pwa worden?

Vaak wel, mits de frontend modern genoeg is. We voegen een manifest, service worker en offline strategie toe en zorgen dat de schermen goed werken op een telefoon. Reken op enkele duizenden euro's in plaats van een volledige herbouw. Bij verouderde applicaties bekijken we eerst of de basis het aankan.

Wat kost een pwa laten maken?

Een nieuwe pwa met inloggen, formulieren en een beheeromgeving begint rond €8.500. Met offline synchronisatie, pushberichten en koppelingen zit je tussen €16.000 en €30.000. Een bestaande webapp ombouwen kan al vanaf €3.500. Alle prijzen zijn exclusief btw en je krijgt vooraf een vaste prijs per fase.

Hoe zit het met updates van een pwa?

Dat is een van de sterkste punten. Je zet een nieuwe versie op de server en bij de volgende keer openen heeft iedere gebruiker de update. Geen app store-review, geen gebruikers die op een oude versie blijven hangen. Dat scheelt beheerkosten en maakt snel bijsturen na feedback een stuk makkelijker.