Creating an Ionic PWA
Explore the process of building a Progressive Web App (PWA) with Ionic and Angular. This lesson guides you through setting up the Angular PWA package, configuring service workers, managing app icons and manifest files, and preparing a production build ready for deployment. By the end, you'll understand how to create and host a functional Ionic PWA.
We'll cover the following...
We'll cover the following...
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 ...