loading...
Cover image for Turn existing website to PWA in 1 minute using PWAinit

Turn existing website to PWA in 1 minute using PWAinit

saurabhdaware profile image Saurabh Daware 🌻 ・1 min read

PWAinit logo

So what is PWAinit?

PWAinit is a command line tool that can be installed using npm install -g pwainit. PWAinit lets you initiate a new Progressive Web App or you can even add PWA features like Service Worker, Web App Manifest, PushAPI into your existing website to turn it into a complete progressive web app.

Installation & Usage

Download NodeJS if you haven't already have it in your machine

# Check if npm is installed using `npm -v` then..
npm install -g pwainit

Now cd to your existing website and run command pwainit add

cd existingWebsite
pwainit add

Just answer the questions and thats it!🎉
If you choose to add push api backend you would have to do absolutely zero configurations!!

Demo :

Alt Text

Run PushAPI backend

cd pushapi-backend/
node index.js

PWAinit Docs: https://saurabhdaware.github.io/pwainit
Github: https://github.com/saurabhdaware/pwainit
NPM: https://npmjs.org/package/pwainit
Youtube Demo: https://www.youtube.com/watch?v=bje85AdBOgs

Posted on by:

saurabhdaware profile

Saurabh Daware 🌻

@saurabhdaware

21, JavaScript Fanboi. Building Abell, A new static-site-generator. also sunflower is my favorite emoji🌻 (He/Him)

Discussion

markdown guide
 
 

Ooooh great idea!! I was thinking of doing something similar because configuring PWAs seems like a hassle but pretty cut and paste for the most part. If this implemented icon generation for all the platforms too it could be a one stop shop!

 

Yeah exactly even i felt like Service workers have this basic code which hardly changes. It is on my github by the way so you can check out the source code and yes it creates basic place holder icon when you 'pwainit create projectname'.
But yes maybe i can take their projectname and generate a simple icon with that text in it. It would be super cool to implement