Awesome

<p align='center'> <img src='https://user-images.githubusercontent.com/11247099/111864893-a457fd00-899e-11eb-9f05-f4b88987541d.png' alt='Vitesse - Opinionated Vite Starter Template' width='600'/> </p> <h6 align='center'> <a href="https://vitesse-lite-react.netlify.app/">Live Demo</a> </h6> <h5 align='center'> <b>React version of <a href="https://github.com/antfu/vitesse-lite">Vitesse Lite</a></b> </h5> <br> <p align='center'> <b>English</b> | <a href="https://github.com/antfu/vitesse-lite/blob/main/README.zh-CN.md">简体中文</a>  </p>

Features

⚡️ Vite 2, pnpm, ESBuild - born with fastness
🗂 File based routing
🎨 UnoCSS - The instant on-demand atomic CSS engine.
😃 Use icons from any icon sets in Pure CSS
✅ Use Vitest for unit and components testing
🦾 TypeScript, of course
☁️ Deploy on Netlify, zero-config

<br>

See Vitesse for full featureset.

Dropped Features from Vitesse

~~i18n~~
~~Layouts~~
~~SSG~~
~~PWA~~
~~Markdown~~

Pre-packed

UI Frameworks

UnoCSS - The instant on-demand atomic CSS engine.

Icons

Iconify - use icons from any icon sets 🔍Icônes
Pure CSS Icons via UnoCSS

Plugins

vite-plugin-pages - file system based routing
unplugin-auto-import - Directly use react/react-router-dom API and others without importing
usehooks-ts - collection of useful React hooks

Try it now!

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

npx degit lxy-yz/vitesse-lite-react my-react-app
cd my-react-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm