This aims to help identifying missing PWA settings and to comply to best practices. A score is given for each box (the overall total is 100). Three 'report cards' display the analysis results for the web manifest, the service worker and the security, respectively. The goal of this section is to analyse a given web site and provide hints to make it completely PWA ready.īy entering the url address of our web application, PWA Builder begins searching for the presence of a web app manifest, an installed service worker and a secure connection, along with several other parameters.īelow I used web site to show an example where the target is already a PWA:

The current version (2.0) brings a complete new layout and more functionalities to better assist developers.Īccessing the web page we have in the header two menu items: PWA Builder is an open source project from Microsoft ( repo).

The article is composed by three sections, feel free to jump to a specific one or follow along if you prefer: Install a PWA: described what a web app manifest is and how can we configure it.Ĭaching strategies: faced service workers (SW) and how we can configure caching strategies to leverage their full potential. Introduction: provided us the background and an overview about the benefits of progressive web apps. In this session we will discover some practical solutions to build our next Progressive Web App with ease.īefore starting, just a quick recap of what we learned so far: Who said that creating PWAs is difficult?

No code pwa builder