https://github.com/lxy-yz/vitesse-lite-react

React fork of https://github.com/antfu/vitesse-lite
https://github.com/lxy-yz/vitesse-lite-react

Last synced: about 2 months ago
JSON representation

React fork of https://github.com/antfu/vitesse-lite

• Host: GitHub
• URL: https://github.com/lxy-yz/vitesse-lite-react
• Owner: lxy-yz
• License: mit
• Created: 2022-03-21T03:33:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-23T17:47:33.000Z (over 2 years ago)
• Last Synced: 2024-07-13T13:43:55.347Z (2 months ago)
• Language: TypeScript
• Homepage: https://vitesse-lite-react.netlify.app/
• Size: 93.8 KB
• Stars: 19
• Watchers: 1
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-vite - vitesse-lite-react - yz](https://github.com/lxy-yz) - vitesse-lite React fork (Variations / Dev tools)

README

        
[![Netlify Status](https://api.netlify.com/api/v1/badges/2668624e-41bf-4e5f-ba44-be9efe33b4f5/deploy-status)](https://app.netlify.com/sites/vitesse-lite-react/deploys)



  





Live Demo





React version of Vitesse Lite








English | 简体中文



## Features

- ⚡️ [Vite 2](https://github.com/vitejs/vite), [pnpm](https://pnpm.js.org/), [ESBuild](https://github.com/evanw/esbuild) - born with fastness

- 🗂 [File based routing](./src/pages)

- 🎨 [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.

- 😃 Use icons from any icon sets in [Pure CSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)

- ✅ Use [Vitest](http://vitest.dev/) for unit and components testing

- 🦾 TypeScript, of course

- ☁️ Deploy on Netlify, zero-config




See [Vitesse](https://github.com/antfu/vitesse) for full featureset.

## Dropped Features from [Vitesse](https://github.com/antfu/vitesse)

- ~~i18n~~

- ~~Layouts~~

- ~~SSG~~

- ~~PWA~~

- ~~Markdown~~

## Pre-packed

### UI Frameworks

- [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.

### Icons

- [Iconify](https://iconify.design) - use icons from any icon sets [🔍Icônes](https://icones.netlify.app/)

- [Pure CSS Icons via UnoCSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)

### Plugins

- [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - file system based routing

- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - Directly use react/react-router-dom API and others without importing

- [usehooks-ts](https://usehooks-ts.com/) - collection of useful React hooks

## Try it now!

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/antfu/vitesse-lite/generate).

### Clone to local

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

```bash

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

```