generator-pwa

Progressive Webapp generator

Usage no npm install needed!

<script type="module">
  import generatorPwa from 'https://cdn.skypack.dev/generator-pwa';
</script>

README

generator-pwa NPM version Build Status

Progressive Webapp generator

Installation

npm install -g yo
npm install -g generator-pwa

Then generate your new project:

yo pwa

This would generate a dir structure like:

app/
|____css
| |____style.css
|____favicon.ico
|____images
| |____touch
| | |____apple-touch-icon.png
| | |____chrome-touch-icon-192x192.png
| | |____icon-128x128.png
| | |____ms-touch-icon-144x144-precomposed.png
|____index.html
|____js
| |____app.js
| |____push.js
|____server.js
|____sw.js

Run

  gulp

For push notification

  npm start

TODO

  • - Prompt for all manifest.json related fields.

  • - AskFor static-cache-path (automatically pick the required files)?

  • - Use async-await in sw.js.

  • - Add background sync.

  • - Add a gif!

License

MIT © Hemanth.HM