DEV Community

Cover image for PWAs: From the perspective of a web developer
Rachit Khurana
Rachit Khurana

Posted on • Originally published at blog.dilutewater.xyz

2 1

PWAs: From the perspective of a web developer

https://user-images.githubusercontent.com/3104648/28352004-a055292c-6c4b-11e7-9c6b-a94cdc2a5458.png

Everyone use apps on their phones, but creating an app for each platform can be a little tough. So here comes PWAs. PWA stands for Progressive Web App. They look like normal apps, feels like normal apps, but aren't normal apps, instead they are just a website that runs in a standalone window.

Developing PWAs

PWAs are very easy to make, every responsive website can be turned into a PWA easily. You just need to add the icons, service worker and a manifest file. That's it.

Here is the MDN doc for creating a PWA service worker

Here are few complete guides for making PWAs:

https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps

https://web.dev/learn/pwa/

https://web.dev/progressive-web-apps/

App Usage

After that a user can install your PWA app just by visiting your website and installing it via the browser. And then it appears in the app list just like a normal app. It can then be uninstalled like a normal app as well.

Benefits of PWA

  • Not dependent on any app marketplace

    One benefit of PWAs is that you don't need to use the OSs app marketplace. You won't need to pay the yearly fees to apple for being an app developer. And you won't need to pay to google as well.

  • Easier to Maintain

    Maintaining a PWA is as simple as maintaining a website. Want to update your PWA? Just update your website. Boom, your app is also updated.

  • Lightweight Size

    Since PWAs are just websites, the size of PWA is very less, only about a few MBs.

  • Cross-platform

    You just need to make your PWA once, it will be available on all major platforms like Android, iOS, Windows, Linux, MacOS etc. Provided your website is responsive.

  • Can even work offline

    You can cache files through service worker and make it even work offline

These were just a few of the benefits of PWAs.

Limitations

  • No access to key system resources.

    You can only access few things that a website can access.

  • Competitively less exposure

    Since your app isn’t on play store or app store, you may get less exposore in that aspect, but you can package your PWAs and even publish it there.

  • Limited functionality

    PWAs have comparatively less functionality when comparing with native apps.

Conclusion

PWAs are great. So if you are just a web developer and have no idea about app development for Android or iOS . you can still create apps for mobiles. And its damn simple. If you can’t afford to hire a app developer, you can create a PWA instead. And if your app is va simple app and don’t require much system APIs then, I would suggest to just stick with PWAs only instead of Native Apps. Its easier and will even consume less space on users device.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay