A person holding a smartphone

Insights

PWA. Nu meer dan ooit.

📱 PWA,
🛠 Frontend development

De kloof tussen native en web wordt steeds kleiner. Dat bewijst ook de komst van Push Notifications voor web apps op het Home Screen (PWA’s) in iOS 16.4. Deze functionaliteit was al langer beschikbaar op Android, maar nu kunnen ontwikkelaars dit eindelijk voor beide platforms implementeren. Android en iOS samen hebben een marktaandeel van maar liefst 99% van alle mobiele gebruikers.

Wat is een PWA?

Een PWA (Progressive Web App) is eigenlijk een gewone website die je aan het startscherm van je smartphone kan toevoegen. Dat zorgt ervoor dat de gebruikservaring van de website gelijk is aan dat van een gebruikelijke app. Het voordeel van zo’n web app is dat je die kan gebruiken op elk platform met een compatibele browser, inclusief desktops, smartphones en tablets. PWA’s worden gebouwd met dezelfde webtechnologie als websites, terwijl je voor native applicaties per besturingssysteem andere programmeertalen en kennis nodig hebt. Daardoor is een PWA stukken goedkoper om te ontwikkelen dan een native app.

PWA’s hoeven ook niet gedownload en geupdate te worden vanuit app stores, nieuwe inhoud wordt automatisch ingeladen zoals bij klassieke websites. Het blijft ook mogelijk om een PWA offline te gebruiken, de app wordt later gesynchroniseerd wanneer de internetverbinding opnieuw gemaakt wordt.

Soms is het echter wel logischer om een native app te bouwen, vooral als je specifieke functionaliteiten van het toestel wilt aanspreken of als performantie van groot belang is. Native apps kunnen namelijk optimaal profiteren van de hardwaremogelijkheden van het apparaat. Native apps blijven ook nog steeds domineren in de mobiele markt, wat impact heeft op het bereik van PWA’s.

A phone displaying a web application

Goed voor ontwikkelaars, gebruikers en ondernemingen

Doordat PWA’s gebouwd worden met webtech en niet langs een app store moeten kunnen ze veel sneller gepubliceerd worden dan native apps. Applicaties moeten via een app stores gepubliceerd worden en hebben ook goedkeuring nodig om nieuwe updates te publiceren. Updates doorvoeren kan soms enkele dagen in beslag nemen. Een PWA updaten is zo simpel als de applicatie herstarten. Bij kritische problemen in een native app is het dus moelijker om brandjes te blussen.

PWA’s hebben toegang tot een breed scala aan functies die het beste halen uit een smartphone.

  • Push Notificaties

  • Geolocatie

  • Authenticatie (faceID, finger print)

  • NFC

  • Betalingen

  • AR/VR

  • Bluetooth

De lijst gaat maar door. PWA’s zijn een uitstekende keuze als je een breed publiek wilt bereiken met een lager budget en snellere time-to-market dan een native app zonder daarvoor de gebruikerservaring of functionaliteit op te offeren.

Infographic of PWA functionality such as Bluetooth, NFC and Geolocation
Manaus

Manaus

Delen:

Op zoek naar inspiratie?

Wij zorgen voor gepast advies op het vlak van frontend development.

💌

Insights

Meer inzichten

conference

🛠 Frontend development

Vue Amsterdam 2024: dag 1

Dag 1 van de jaarlijkse Vue Amsterdam conference.

smartphone

📱 PWA

Wat maakt een PWA: Web Manifest

Het web manifest is een cruciaal bestand voor PWA's. Het definieert hoe een web app moet behandeld worden als een geïnstalleerde applicatie.

nuxt-gsap

💫 Motion,
🛠 Frontend development

Motion Library

Om een aantrekkelijke en moderne UI te bekomen, is het animeren van een website van groot belang. Daarom hebben we bij Appeel gewerkt aan een animatie project “Motion library”. In dit project worden verschillende componenten van een website geanimeerd en de code ervan getoond om zo als inspiratiebron te dienen voor alle collega’s van Appeel.