Vite React

vite-react

JS/TSwebvitereactwebjavascripttypescript

Vite + React starter with HMR, Oxlint/ESLint, and TypeScript support

Install

spin add official/vite-react

License: MIT
Authors: Samouly, Spin Team

Params (10)

variantselect
Which language variant? · default: typescript
javascripttypescript
eslintbool
Use ESLint instead of Oxlint? · default: false
react_compilerbool
Enable the React Compiler? · default: false
package_managerselect
Which package manager? · default: npm
npmyarnpnpmbun
use_dockerbool
Include Docker support? · default: false
git_initbool
Initialize a git repository? · default: true
descriptiontextarea
What is your project description? · default: A production-ready React + Vite starter with fast HMR — nothing to clean up.
include_agents_mdbool
Include AGENTS.md with agent instructions? · default: true
include_demobool
Include the showcase UI? · default: true
tailwindbool
Include Tailwind CSS v4? · default: false

Hooks

post · runs after files are written

step 1 · sh -c

{{ if .git_init }}git init && git add -A && git commit -m "Initial commit - Spin"{{ end }}

step 2 · sh -c
```
{{ .package_manager }} install
```

README

Spin Template: Vite + React

A Spin template for scaffolding Vite + React projects with HMR, Oxlint/ESLint, and TypeScript support.

Usage

# From the official Spin registry
spin new myapp official/vite-react

# Directly from the template repository
spin new myapp https://github.com/spin-templates/vite-react

Parameters

Parameter	Type	Description	Default
project_name	text	Project name (auto-injected by Spin)	—
variant	select	Which language variant?	typescript
eslint	bool	Use ESLint instead of Oxlint?	false
react_compiler	bool	Enable the React Compiler?	false
package_manager	select	Which package manager?	npm
use_docker	bool	Include Docker support?	false
git_init	bool	Initialize a git repository?	true
description	textarea	What is your project description?	—
include_agents_md	bool	Include AGENTS.md with agent instructions?	true
include_demo	bool	Include the showcase UI?	true
tailwind	bool	Include Tailwind CSS v4?	false

Variants

javascript: React with vite.config.js, src/App.jsx, src/main.jsx
typescript: React + TypeScript with vite.config.ts, tsconfig*.json, src/App.tsx, src/main.tsx

Hooks

Post-hooks

git init && git add -A && git commit -m "Initial commit - Spin" — initializes git repo (when git_init is true)
{{ .package_manager }} install — installs project dependencies

License MIT