You'll learn how to take a regular Ionic application and transform it into a PWA so that you can deploy it to the web.
We'll cover:
How to use the Angular CLI schematics to generate all the boilerplate files and the starting code we need.
A few PWA best practices regarding when to provide updates and when to ask the user to install the app to their home screen.
How to enable push notifications, and how to modify the incoming payload of those notifications to suit your needs.
How to deploy your PWA to Firebase hosting so that it is accessible to the world.
And lastly, we'll cover a short technical SEO guide where you'll see how to add some changes to the app to improve the SEO performance.
You can also find a written version of this crash course at https://jsmobiledev.com/article/pwa-faq/
00:01 Transforming to PWA
00:10 Angular CLI Schematic
00:21 Icon Creation
00:31 Web Manifest File
00:41 Configuring PWA
00:59 Theme Color
01:07 Background Color
01:17 Display Property
01:49 PWA Scope & URL
02:22 Service Worker Setup
04:02 PWA Update Handling
05:09 Context For Installation
07:04 Preparing For Push Notifications
10:18 Creating Push Notification Service
12:04 App Component Changes
13:04 Deploy Firebase Hosting
17:04 Technical SEO
19:10 Robots.txt Configuration
21:09 Adding Images ALT Text
22:34 Adding Meta Tags
