Creating an Ionic PWA

Learn how to use the Ionic and Angular CLI to create an Ionic/Angular Progressive Web App (PWA).

When it comes to building PWAs with Ionic & Angular, we’ll need to install and use the @angular/pwa Node package.

Creating a new project

Using the command-line, we create a new Ionic project, imaginatively named ionic-pwa, with the following command:

ionic start ionic-pwa blank --type=angular

Once the project has been created, we change into its root directory and install the @angular/pwa node package with the following commands:

cd ./ionic-pwa
ng add @angular/pwa --project app

Here, we’re simply using the underlying Angular CLI tool to install the package to a project named app, (this is the value associated ...