About
A Progressive Web Application (PWA) 1) is a regular website that take advantage of modern browser functionality to augment the web experience progressively until you get a native look and feel application.
Its name comes from the context of progressive enhancement where the idea is to start small and then add up progressively functionalities.
A progressive web application can be made of:
- several static page made dynamic through the use of javascript.
- or only one page. ie single page application
A Progressive Web Apps run in a standalone window instead of a browser tab.
Where you host a static web site, you can host also a PWA.
With Javascript, Progressive Web Application (PWA) would take advantage of platform features like:
- Web Push API gives the capability to send Push Notifications to users, even when the browser is closed. Push APIs helps to re-engage with the users throughout the journey and increase conversion metrics many folds.
- Credentials Manager API - Persistent Auto Login
- Code Splitting/Route-chunking (loading only what is needed for a route to render).
Documentation / Reference
Library
Metrics
Lighthouse
lighthouse - a tool for auditing an app for PWA features and checking your app meets a respectable bar for web performance under emulated mobile conditions.
Example
- insin/react-hn - a HackerNews client with server-side rendering & offline support. 11KB gzipped for the app bundle and 107KB for the vendor/React/libraries bundle
- iFixit - a hardware repair guide built with React but which uses Redux for state management.
Training
Seo
You can use a headless browser to generate a page and serve it to a robot in order to get a better SEO