# Angular 6 – How to Create PWA (Progressive Web App)

In this post, you will learn about steps that are required to create a progressive web app (PWA) with Angular 6. Unlike Angular 4 and Angular 5, it is very easy and quick with Angular 6. Just one command and you are done.

The following are the steps required to create PWA with Angular 6.

• Create an angular app using the following command:
ng new ProjectName

• Go to the root folder, (ProjectName). Execute the following command:
ng add  @angular/pwa


The above command does some of the following:

• Enables service worker to build support in the CLI. Imports and registers the service worker in the app module.
• Creates the service worker configuration file called ngsw-config.json.
• Updates the index.html with entries for manifest.json and meta-tags for the theme
• With Angular 4 and 5, one required to manually create and install icon files. With above command, it is done automatically.
• Build the project using the following command:
ng build --prod

• Time to test. Install http-server using the following command:
npm i http-server

• Go to dist folder and execute the following command:
http-server -p 8080


Open the Chrome Browser and test the PWA aspect using Lighthouse plugin.

### Summary

In this post, you learned about how to create progressive web app (PWA) using Angular 6.