Progressive web apps (PWAs)
Progressive Web Apps (PWAs) are web apps that use service workers, manifests, and other web-platform features in combination with progressive enhancement to give users an experience on par with native apps.
PWAs provide a number of advantages to users — including being installable, progressively enhanced, responsively designed, re-engageable, linkable, discoverable, network independent, and secure.
PWA how-to guides and other documentation
These introductory materials and step-by-step guides walk you through key aspects of building PWAs:
- Introduction to progressive web apps
- Progressive web app structure and structural overview
- Understanding the building blocks of responsive design
- How to make PWAs work offline (using service workers)
- How to make PWAs installable, enable "add to home screen", and further details on installing PWAs
- How to make PWAs "re-engageable" (using the Notifications API and Push API)
- How to enable progressive loading
- How to build "mobile first" PWAs
- Using service workers
- Using client-side storage, IndexedDB, and the the Web Storage API
- Using the Notifications API and the Push API
See also
- Progressive Web Apps landing page and check list on web.dev
- Progressive Web Apps: Everything You Need To Know
- Progressive Web Apps: Escaping Tabs Without Losing Our Soul
- Instant Loading Web Apps with An Application Shell Architecture
- Introduction to Progressive Web App Architectures
- Workbox — set of libraries to power a "production-ready" service worker for your PWA
- Lighthouse — web-app auditing tool that includes PWA-auditing features
- localForage —
localStorage-like async storage, to improve your PWA's offline experience