What is PWA (Progressive Web Apps)

So the question today is “What is PWA (Progressive Web App)?”

You could say that your Website and your Native App got married and they had a baby — That baby is PWA (Progressive Web App)

Basically, it’s still your website but it has some features like a native app

Like, the very first feature is:
OFFLINE AVAILABILITY

Your whole website can be available offline like native apps (Facebook, WhatsApp, etc.). They work offline even if you are not connected to the network!

In the same way, your PWA is available offline!

How is it available offline? That’s a different topic.

The second great available feature is:
PUSH NOTIFICATIONS

You might have seen in native apps that: You get notifications in your Lock Screen

You can also generate push notifications with your website once you make it a PWA!

Here is another important feature/option available in it which is:
ADD TO HOME SCREEN

Users can add your website to their home screen. And it will be available for them just like an App! It’s available the same way as any native app icon
is available when we install from AppStore or PlayStore. In the same way, an icon of your website will be generated to their Home Screen.

And when the user clicks on your icon from their home screen — then you can also decide that: How you would like to display your website to your user.

This means, should it open like a native app? Or maybe like a website is shown in the browser where address bar etc. is shown Or maybe any other way…

How we will do that? Well, we are not discussing this now!

This was the PWA!

To make your website a PWA, You need two things.

1st one is: Service Worker

And the 2nd is: Manifest.json

I hope you understood what I said :D

Here’s a YouTube video explaining the same thing with images, but that’s in Urdu — but with English subtitles 😁

Let’s meet in the next story.
Till then, Sayonara! (Good-Bye)

If you found this story useful, you know what to do now. Hit that clap button and follow me to get more articles and tutorials on your feed.

For more blog post: visit my website