Mobiele Apps

Bouw mobielvriendelijke web-apps in Proyecta. PWA’s werken vandaag nog; native iOS/Android-wrappers via PWA Builder.

Proyecta bouwt web-apps. De snelste weg naar “een app op een telefoon” is een responsieve web-app — optioneel uitgebreid als een Progressive Web App (PWA), zodat gebruikers hem aan hun startscherm kunnen toevoegen en (op ondersteunde platforms) pushnotificaties, offline-ondersteuning en een volledig schermervaring krijgen.

Voor native distributie via de App Store, Google Play of Microsoft Store wikkel je de gepubliceerde PWA in met een tool zoals PWA Builder.

Wat je direct krijgt

Responsieve viewport-switcher in de builder — schakel tijdens het bewerken tussen Desktop-, Tablet- en Mobiel-voorbeelden
Mobile-first AI-prompts — de AI weet hoe hij responsieve layouts bouwt wanneer je daarom vraagt
Mobiel dashboard-tabblad — een apart Mobile-paneel met de stappen Appearance, Test en Publish om van je app een installeerbare mobiele app te maken
Pushnotificaties — zie Pushnotificaties
Mobiele builder-UI — Proyecta werkt zelf ook op telefoons, zodat je onderweg kunt bouwen

Het Mobile-tabblad

Open het dashboard en schakel naar het tabblad Mobile voor een begeleide flow in drie stappen:

Appearance — bekijk je app-icoon, naam en themakleur. Als mobiele ondersteuning nog niet is ingesteld, klik dan op Set up mobile support en Proyecta regelt het in één stap voor je — zonder dat je een prompt hoeft te schrijven.
Test — scan een QR-code om je gepubliceerde app op een echte telefoon te openen (zie Testen op Mobiel).
Publish to App Store — een stapsgewijze handleiding voor het verpakken en indienen bij de app stores (zie Publiceren in App Stores).

Het webapp-template wordt al geleverd met een web app manifest (site.webmanifest) en een service worker (sw.js), zodat de basis voor een installeerbare, offline-capable PWA vanaf de eerste build aanwezig is — het Mobile-tabblad en de AI passen dit gewoon aan voor jouw app.

De PWA-route

De snelste weg is de knop Set up mobile support in het Mobile-tabblad. Als je liever specifiek bent, kun je de AI ook direct vragen:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

In beide gevallen worden het manifest en de service worker ingesteld. Zodra je publiceert, kunnen gebruikers:

Je app openen in elke mobiele browser
Op het browsermenu tikken en Add to Home Screen (iOS) of Install app (Android) kiezen
Het als een native app starten vanaf hun startscherm

PWA’s op iOS 16.4+ ondersteunen ook Web Push, zodat notificaties werken — zie Pushnotificaties voor de installatie.

Verder gaan: native wrappers

Als je naar de App Store of Google Play wilt distribueren, is de aanbevolen route om je gepubliceerde PWA in te wikkelen:

Publiceer naar je *.proyecta.live-subdomein (of een eigen domein)
Open pwabuilder.com en voer je URL in
Genereer native packages — Android (AAB), iOS (Xcode-project), Windows (MSIX)
Dien in bij de betreffende store

Zie Publiceren in App Stores voor meer details.

Beperkingen om te kennen

Apple kan pure WebView-apps afwijzen die geen native functionaliteit toevoegen. Houd hier rekening mee als je de App Store als doelplatform hebt.
Pushnotificaties op iOS vereisen dat de gebruiker de PWA eerst vanuit Safari installeert (niet vanuit een wrapper).
Camera, GPS, contacten werken allemaal via web-API’s — native-only API’s (HealthKit, ARKit) zijn niet bereikbaar vanuit een PWA-wrapper.

Binnenkort beschikbaar

Native React Native / Expo-templates voor projecten die echte native shells nodig hebben
Capacitor-integratie als alternatieve wrapping-route
Wizard voor publiceren in app stores vanuit de builder (iconen, splash screens, tekst voor de store-vermelding)
Beheer van app store-metadata gesynchroniseerd met de builder