DEV Community

Fadil Natakusumah
Fadil Natakusumah

Posted on

I Published My First NPM Package: create-pwa-boilerplate 🚀

Over the past couple of days, I’ve been exploring how to build CLI tools in Node.js, and that led me to create something useful that others can directly try out.

So I decided to publish my first NPM package!

What is it?

create-pwa-boilerplate is a CLI tool to quickly scaffold a PWA boilerplate project for:

  • React
  • Vue
  • Svelte

It’s built using:

  • TypeScript
  • pnpm

And you can optionally include TailwindCSS (yes/no prompt during scaffolding).

It also includes some example usages of key Web APIs inside the templates (like basic offline caching, manifest setup, etc).

NPM Link

https://www.npmjs.com/package/create-pwa-boilerplate

Usage

npx create-pwa-boilerplate

Why I built this

I often find myself needing a quick PWA starting point — and repeating the same setup steps (manifest, service worker, offline patterns, etc) can be repetitive.

So instead of doing that again and again per project…

I automated it — and packaged it — so others can use it too.

Feedback welcome

I’m very open to feedback, suggestions, improvements, or contributions.

If you try it and have ideas — I’d really appreciate it.

Thanks for reading!

Top comments (0)