PWA

What is it ?

Progressive Web Apps are web applications that are capable of being installed on mobile devices. To be considered a PWA the application must follow 3 rules, capable, reliable and installable.

1. Capable: Capable applications can make use of web apis such as geolocation and push notifications.
2. Reliable: Reliable applications need to be usable regardless of network connection, must be fast and have a great performance for better user experience.
3. Installable: Installed PWA run in a standalone window instead of a browser tab.

How to use it

Making installable

the PWA must meet the following criteria to be able to prompt the install request.

• Meet the user engagement heuristic.
• Be served over HTTPS.
• Includes a Web Manifest with the following configuration.
  • short_name or name.
  • icons - must include a maskable 192px icon and a 512px icon for splashscreen.
  • start_url
  • display: fullscreen, standalone or minimal-ui
• Register a service worker with a fetch handler.

You can use the Lighthouse from Chrome DevTools to test your application and verify if it meets the criterias to be installable.

Learn

• Progressive Web Apps
• What does it take to be installable?
• PWA: O que é? Vale a pena? Quando utilizar?