This post discusses enabling the PWA feature for AEM websites using AEM core components and page properties.
Progressive Web Apps (PWAs) are web apps that use service workers, manifests, and other web-platform features combined with progressive enhancement to give users an experience on par with native apps.
Progressive web apps (PWAs) enable immersive app-like experiences for AEM sites by storing them locally on a user's machine and accessible offline. A user could browse a site while on the go even if losing an internet connection. PWAs allow seamless experiences even if the network is lost or unstable. The user has a local copy of the site with PWA, giving an app-like experience even without an internet connection.
KEY PRINCIPLES A WEB APP SHOULD TRY TO OBSERVE TO BE IDENTIFIED AS A PWA
Discoverable — can find the content through search engines.
Installable, so it can be available on the device's home screen or app launcher.
Linkable, so you can share it by sending a URL.
Network independent, so it works offline or with a poor network connection.
Progressively enhanced, it's still usable on a basic level on older browsers but fully functional on the latest ones.
Re-engageable, so it can send notifications whenever there's new content available.
Responsively designed, it's usable on any device with a screen and a browser — mobile phones, tablets, laptops, TVs, refrigerators, etc.
Secure, so the connections between the user, the app, and your server are secured against any third parties trying to access sensitive data.