PWA Builder - Analyse an existing app
Explore how to use Microsoft’s PWA Builder to analyze and improve existing Progressive Web Apps. Learn to validate web manifests, generate optimized service workers for offline support, and enhance app features. Understand the value of VSCode integration for streamlined development and publishing processes.
We'll cover the following...
Discover the platform
PWA Builder is an open-source project from Microsoft in constant development.
While PWA Builder is less powerful than Workbox (presented later), it provides interesting features to validate or publish our PWAs.
Validate an existing PWA
From the home page, we can provide the URL of an existing PWA. The portal will analyze it and provide a report with multiple sections (web manifest, service worker, security), offering hints or warnings for each part.
We can take the Angular Website Docs as an example since it is a fully-fledged PWA.
The tool scans for a web app manifest, an installed service worker, and a secure connection, along with several other parameters. It ...