A PWA is an ordinary website that, with a few extra technologies, gives an experience close to a mobile app. Users can add it to their phone's home screen from the browser, get an icon and a full-screen view, and sometimes use it without internet. No app store is needed.
Three main components#
- Manifest: a file that defines the app's name, icon and color.
- Service Worker: a script that runs in the background, caches files and makes offline use possible.
- HTTPS: a secure connection, which is a requirement.
Example#
Imagine a local shop that offers its product catalog as a PWA. A customer opens the site once and adds it to the phone's home screen. Next time it opens with one tap, starts quickly, and the catalog shows even on a weak connection.
Advantages#
- Lower build cost than creating separate Android and iPhone apps
- A very small install size
- Automatic updates without user involvement
- No dependence on app stores
Limitations#
Access to some hardware features or notifications may be more limited than in a native app, depending on the operating system and browser. Check support on your target devices before choosing.