-
Notifications
You must be signed in to change notification settings - Fork 3
PWA
Progressive-web-apps are officially supported within Nextjs, with next-pwa handling the zero-config solution.
A PWA allows for a cross-platform installable application with a central deployment source. This enables the possibility of offline caching, allowing us to re-emit our changes later on when we have a connection or even serve a fully functional client-dependent user experience.
To install the web app as a PWA, go to the live site (prod or dev), and an "Install App" action button should appear within the URL/search bar. This button may differ between systems as some mobile systems prompt the user to install rather than displaying anything upfront. Upon installing, opening the PWA will create its own independent web window.
Since the PWA is built from the current version, any additional updates will require a "rebuild" of any cached static elements.
Note: Management of the web app could be through your browser for actions such as reloading the service worker or even uninstalling.
- iOS and iPadOS only allow the installation of a PWA through Safari
- macOS only allows installation of a PWA through Google Chrome or Microsoft Edge
https://web.dev/learn/pwa/progressive-web-apps/#mobile-devices