Progressive Web Apps

A new way to deliver amazing user experiences on the web.

Status Quo

  • Network connection required
  • Launch browser and navigate to web app
  • Only in foreground

Some features

  • Offline
  • Push notifications
  • Installable


App Shell Architecture

Push Notifications

Browser API

if ('serviceWorker' in navigator && 'PushManager' in window) {
  console.log('Service Worker and Push is supported');
} else {
  console.warn('Push messaging is not supported');

Basic Flow


  • Icon in AppDrawer
  • Launches in Browser without address bar

Make WebApps feel like native apps

Progressive Web Apps

By Thomas Eizinger

Progressive Web Apps

  • 87
Loading comments...

More from Thomas Eizinger