Scaffolding Your First Vite PWA Project

TIP

From version v1.0.0, all the templates to use Vite 7, including also the latest frameworks changes.

From version v0.6.0, all the templates to use Vite 6, including also the latest frameworks changes.

Use version v0.5.0 for Vite 5 and previous versions of the frameworks.

Compatibility Note

Vite requires Node.js version 18.x.x or 20+. However, some templates may require a higher Node.js version to work, please upgrade Node if your package manager warns about it.

pnpm

$ pnpm create @vite-pwa/pwa

yarn

$ yarn create @vite-pwa/pwa

npm

$ npm create @vite-pwa/pwa@latest

bun

$ bun create @vite-pwa/pwa

Then follow the prompts!

You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite PWA + Vue project, run:

pnpm

$ pnpm create @vite-pwa/pwa my-vue-app --template vue

yarn

$ yarn create @vite-pwa/pwa my-vue-app --template vue

npm

$ npm create @vite-pwa/pwa@latest my-vue-app -- --template vue

bun

$ bun create @vite-pwa/pwa my-vue-app --template vue

See create-pwa for more details on each supported template: vanilla, vanilla-ts, vue, vue-ts, react, react-ts, preact, preact-ts, lit, lit-ts, svelte, svelte-ts, solid, solid-ts (templates can be found inside the templates folder).