Met webapps kun je informatie op een visuele en interactieve manier weergeven. Je kunt webapps gebruiken voor het maken van dynamische infographics, maar ook bijvoorbeeld voor een stappenplan of keuzehulp.
Wat zijn webapps?
Een webapp is een stukje software dat benaderd kan worden via een browser. Webapps maken veel en/of complexe informatie visueel en interactief. Met webapps kan functionaliteit toegevoegd worden aan een PRO-website die niet te realiseren is met de bestaande PRO-functionaliteiten.
Voor webapps maken we gebruik van moderne techniek, waarmee de veiligheid en toegankelijkheid gewaarborgd is. Webapps draaien onafhankelijk van PRO. Dat betekent dat ze ook bij updates van het platform goed blijven werken. Webapps maken het ook mogelijk om in de toekomst uit te breiden met nieuwe functionaliteiten.
Wanneer een webapp?
Een webapp kun je inzetten als de functionaliteiten van PRO niet (voldoende) geschikt zijn om bepaalde content aan te bieden. Denk daarbij aan stappenplannen, uitgebreide kaarten of content met specifieke filters.
Voorbeelden van webapps:
- Instroomcijfers Raad voor de Kinderbescherming (kaart)
- Wat telt mee voor mijn beslagvrije voet? (hulpmiddel)
- Check: meldplichtig of niet? (stappenplan)
- Wegwijzer: mag additief X in levensmiddel Y? (wegwijzer)
- Vergunningverlening ANVS (stappenplan)
Hoe bouw ik een webapp?
- Onderzoek eerst of de functionaliteiten van een PRO een goed alternatief zijn. Bekijk bijvoorbeeld de Keuzehulp interactieve content
- Is een webapp noodzakelijk? Om te kunnen starten met een webapp in je PRO-website, maak je gebruik van het Startpunt Webapps. Hier kun je aanvullende technische uitleg, hulpprogramma’s en voorbeelden vinden.
Webapps versie 2: informatie voor ontwikkelaars
Sinds augustus 2026 bestaat het nieuwe Startpunt Webapps en daarmee zijn we overgestapt van webapps versie 1 naar versie 2.
Heb je al een werkende webapp en wil je gebruikmaken van de nieuwe versie? Volg dan deze stappen:
- Gebruik de V2-versie als basis.
- Vervang de src folder in packages/webapp met de src van de oude webapp.
- BELANGRIJK: Laat de folder vite-plugins in de src folder staan!
- Vervang de public folder in packages/webapp met de public van de oude webapp.
- Verwijder de dist folder in packages/webapp.
- Start je project met pnpm dev in de root van je project.
Hoe blijft een developer op de hoogte van ontwikkelingen?
Als webapp-ontwikkelaar is het belangrijk om op de hoogte te blijven van alle ontwikkelingen rondom het startpunt en webapps algemeen. Dit kan door middel van de nieuwsbrief.
Kan ik gebruik maken van een externe database voor mijn webapp?
Nee, dit is nu nog niet mogelijk. Deze wens is bekend en heeft een plek op onze roadmap.
Hoe test ik een webapp?
Omdat we geen toegang kunnen verlenen tot de omgeving waar de webapp uiteindelijk wordt ingeladen, is er een representatieve preview-tool te maken. Deze is te vinden in het startpunt. Je vindt hierin de map pro-preview-tool. In de readme van het Startpunt staat hoe je de app kunt testen binnen een PRO-website.
De PRO-preview-tool werkt op dit moment voor websites die nog niet gemigreerd zijn naar het nieuwe PRO-platform. Zodra de previewtool er ook is voor gemigreerde websites, delen we dit in het startpunt.
Wat kost een webapp?
Wij krijgen vaak de vraag om een kosteninschatting af te geven voor een te ontwikkelen webapp. Helaas kunnen we daarbij niet helpen. De kosten van een webapp hangen namelijk volledig samen met de functionele wensen van de webapp. We raden aan om een uitvraag te doen bij meerdere partijen om zodoende een beter beeld te krijgen van de kosten. Dit geldt voornamelijk als men niet kiest (of de mogelijkheid heeft) voor inbesteding.
Webapp laten ontwikkelen door een extern bureau
Wil je een webapp laten ontwikkelen door een extern bureau? Dan is er een aantal zaken om rekening mee te houden voordat je bij een of meerdere partijen een uitvraag doet.
We helpen jou hier graag mee op weg. Bekijk hier de tips voor het kiezen van een externe partij.
Technische vragen?
Laat je een webapp ontwikkelen en heeft de uitvoerende partij vragen rondom de implementatie? DPC biedt hiervoor een online technisch vragenhalfuurtje. Neem contact op met DPC om een afspraak in te plannen. Het is belangrijk dat je daarbij vooraf de vragen aan ons doorgeeft, zodat onze specialisten je goed kunnen helpen.
Hoe lever ik een webapp aan?
Voor de ontwikkeling van webapps op PRO werken we met aanleverspecificaties en een checklist. Let op: voldoet een webapp niet aan deze aanleverspecificaties? Dan is het niet mogelijk deze op je Platformwebsite te zetten.
Bij wie lever ik de webapps aan?
Je kunt nieuwe webapps en updates aanleveren bij support@beheerrijksoverheid.nl. Zorg ervoor dat je webapp voldoet aan de aanleverspecificaties en dat je de volledig ingevulde checklist bijvoegt.
Plaatsing en doorlooptijd webapp
Houd er rekening mee dat de doorlooptijd van een webapp van idee tot publicatie kan oplopen. Het proces van bedenken, uitwerken en afstemmen met een uitvoerende partij ligt bij de site-eigenaar. Na akkoord op de ontwikkelde webapp door de site-eigenaar, kan de webapp aangeleverd worden bij support via support@beheerrijksoverheid.nl. Support doet ook nog een toetsing. De maximale doorlooptijd is 15 werkdagen om de webapp te doorlopen, toetsen aan de richtlijnen en te publiceren voor gebruik op de site.
We raden aan om de previewomgeving, die ingebouwd is in het startpunt, te gebruiken, zodat je de webapp goed kunt testen voor aanlevering. Dit helpt bij het terugdringen van de doorlooptijd.
Blijf op de hoogte van ontwikkelingen
Als je lid bent van onze groep ‘Platform Rijksoverheid Online’ op Ons Communicatierijk (inlog) en daar onze updates volgt, blijf je op de hoogte van alle ontwikkelingen. Je kunt hier ook vragen stellen en je ziet wanneer we (online) bijeenkomsten organiseren.