Providing a custom installable experience in your PWA

We know that PWAs are installable. This means they can be installed on your devices like a native application. However, when you first open the app in the browser, it totally depends on the browser as to how it shows the Install option; it varies from browser to browser. It also It also might not be clearly visible or clearly visible. Also, you might want to show the Install prompt at some special point in the app instead of the app launch, Consider displaying the Install prompt at a specific, user-friendly point within the app, rather than right at the app’s launch, as this can be perceived as annoying by some users. Luckily, we have a way to provide our own custom dialog/prompt for the installation option for our PWAs. And that is what we’ll learn about in this recipe.

Getting ready

The app that we are going to work with resides in start/apps/chapter13/ng-pwa-cust-installation inside the cloned repository...