PWA's Made Easy with Ionic 4 / Angular - Tutorial

Anyone create an actual PWA yet? Link us!

Hi thanks for the tutorial. Will this work if we want to access device camera and other modules for ionic and also what about iOS platform?

Does this work for iOS ?

Do you do this before or after the app is complete? Thank you for the help btw, you are incredible!

Can we build PWA with ionic 3 please help ..

Hi guys, will the PWA code (HTML, CSS, javascripts) built from ionic be easily viewed by others? How can we do to improve the security? How can we do to avoid codes being stole by other developers?

Love the tutorial, full and simple to follow.


Only one minor issue:
1) If after deployment to firebase you get a you get a standard firebase opening screen instead of your own APP than make shore that your firebase json has "public": "www" (www = where your deployment is located.)
the standard firebase index in automatically generated and is placed in the "public" directory, the defaults location from where firebase loads files.


2) The "save on home screen" Icon is not set by automatically. To have your own Icon on the Ios device you need to add the following lines to the www/index.html file:


<link rel="apple-touch-icon" href="<poath to the icon file>touch-icon-iphone.png">
<meta name="apple-mobile-web-app-capable" content="yes" />

<link href="<pass to the splash file>/apple_splash_2048.png" sizes="2048x2732" rel="apple-touch-startup-image" />


and create the PNG files themselves.

3) The APP can work offline only if it has no resource. If you have a <ion-img in your APP than it will not work offline.

But, as I noted, a very good tutorial !

Thanks for the effort you invested in it.

more angular pwa tutorials pleasee

The image generator is not working anymore :(

Is there any other way of deploying PWA without using firebase

Can you please help me?


I always get


> ng.cmd run app:serve --host=localhost --port=8100
[ng] Schema validation failed with the following errors:
[ng] Data path ".builders['app-shell']" should have required property 'class'.

[ERROR] ng has unexpectedly closed (exit code 1).


What do I need to do?

i ma getting issu like Manifest: Line: 1, column: 1, Syntax error.

hi, great tutorial, but what if I dont want to use firebase?
I want to build out my pwa, and upload to my server, but i only get blank page.

I followed the tutorial and I got the prompt to "add to homescreen" on my android, but not on my Iphone

Does this work with iPhone also? or is this just for Android? If iPhone ,then is there any specific step for it?

Can i make ionic using WP REST API as PWA app ?

Gary, when I try to test locally my PWA I get an 'INVALID_REDIRECT' error. Do you know how to fix it? I followed every step and yet I can't seem to get it working. I'm running Windows 10, Node v11.13.0 and NPM v6.7.0


Also, if I try to serve the app with 'ionic serve', in the Application tab I get 'service worker does not control the start url'.


Well, at least the icons load fine.

thank you so much for putting this video.

I want ask some questions about Ionic 3 of scrolling if I want to scroll to specific position in the scroll bar content how to do it ?

Good tutorial

Your tutorials are the best!

I would like to make a suggestion. Put all the command line instructions(with comments) in a .bat to be included in the project. Open in vsCode then when demoing you can use the code runner tool and press F8 on each line to execute. This would be helpful for anyone who needs to follow the steps that you show in your tutorials.

How to create live code editor for website like w3school...???

Can you make website in HTML and CSS that you made in (Creating a modern web design Illustration using Adobe Illustrator CC 2019(Tutorial)).I would be thankful.

Awesome Tutorial. Love it

I really love this tutorial

I think the release of ionic 4 clearly stated that, In ionic 4, added support for not just angular, this means. Angular is going to be the next Google+. Soo my request is to do an vuejs ionic project with support of PWA


Vuejs and serverless environment is future..

Your thoughts on this?

I would be awesome ..Gary Simon
Love from India🤩🤩

Awesome stuff

Hello Gary how did you learn all of stuff?

Change Winrar to 7Zip , is free.

Can i get love react

Hi can you make a project on Ionic with Vue for progressive web app ?

1st viewer 😍😍

1st comment and 1st viewer!! 😍😍