Make a Progressive Web Application from an Angular CLI project

Bram Borggreve
InstructorBram Borggreve

Share this video with your friends

Send Tweet

In this lesson we will add a Service Worker and convert our app into a Progressive Web Application (PWA). We can do this by running ng add @angular/pwa.

We will use Lighthouse to generate a score and gradually improve this score.

Using ngsw-config.json we define which assetGroups and dataGroups should be cached.

In index.html we add a noscript tag so there won't be a blank page if the javascript is disabled, and lastly we add robots.txt to make sure our site can be indexed.

Fabio Bedini
Fabio Bedini
~ 3 years ago

Hi there, first off a good job :)

Is there a way to get the banner out

so I can install the icon on the desktop?