{"id":21079,"library":"create-vite-extra","title":"create-vite-extra","description":"A scaffolding tool for Vite projects with extra templates beyond the official Vite starter. Version 5.0.2, released slowly with each Vite major version. It provides templates for SSR (server-side rendering) with Vanilla, Vue, React, Preact, and streaming variants, all with optional TypeScript. Unlike the official create-vite, this focuses on advanced setups like SSR and React compiler experiments. Requires Node.js 20.19+ or 22.12+.","status":"active","version":"5.0.2","language":"javascript","source_language":"en","source_url":"https://github.com/bluwy/create-vite-extra","tags":["javascript"],"install":[{"cmd":"npm install create-vite-extra","lang":"bash","label":"npm"},{"cmd":"yarn add create-vite-extra","lang":"bash","label":"yarn"},{"cmd":"pnpm add create-vite-extra","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Always use create command, not npx, for the latest version. Equivalent to npx create-vite-extra but ensures caching.","wrong":"npx create-vite-extra","symbol":"create-vite-extra","correct":"npm create vite-extra@latest"},{"note":"The extra '--' is needed before --template in npm; omitting it passes --template to npm itself, not the script.","wrong":"npm create vite-extra my-app --template ssr-vue","symbol":"project scaffolding","correct":"npm create vite-extra@latest my-app -- --template ssr-vue"},{"note":"pnpm does not need the extra '--'; it passes args directly to the package.","wrong":"pnpm create vite-extra my-app -- --template ssr-vue","symbol":"pnpm scaffolding","correct":"pnpm create vite-extra my-app --template ssr-vue"}],"quickstart":{"code":"npm create vite-extra@latest my-app -- --template ssr-vue\ncd my-app\nnpm install\nnpm run dev\n","lang":"javascript","description":"Scaffold a new Vite SSR Vue project with TypeScript using create-vite-extra."},"warnings":[{"fix":"Upgrade Node.js to version 20.19+ or 22.12+.","message":"create-vite-extra v4 requires Node.js 18+, but v5 requires 20.19+ or 22.12+.","severity":"breaking","affected_versions":">=5.0.0"},{"fix":"Check the README or template status before using experimental templates.","message":"Some templates (e.g., ssr-react-compiler) are experimental and may break with newer Vite versions.","severity":"gotcha","affected_versions":">=5.0.0"},{"fix":"Use npm create vite-extra@latest -- --template <name>.","message":"When using npm, the --template flag must be preceded by -- to avoid passing it to npm itself.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Use 'ssr-react-compiler-streaming-ts' if you need it; be aware of potential duplication.","message":"The template 'ssr-react-compiler-streaming-ts' appears twice in the README table, one might be a duplicate or misnamed.","severity":"deprecated","affected_versions":">=5.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Use 'npm create vite-extra@latest' or 'pnpm create vite-extra'.","cause":"Using 'npx create-vite-extra' which isn't a standard command structure.","error":"Error: Unknown command: vite-extra"},{"fix":"Upgrade Node.js to 20.19+ or 22.12+.","cause":"Node.js version is too old for create-vite-extra v5.","error":"Error: The engine \"node\" is incompatible with this module. Expected version \">=20.19.0 || >=22.12.0\""},{"fix":"Use 'npm create vite-extra@latest -- --template ssr-vue' with the double dash.","cause":"The --template flag was passed to npm instead of the create script because '--' was missing.","error":"npm ERR! Unknown option: --template"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}