FADL285 / vitesse-lite

Vite + Vue Starter Template --> Lite version for vitesse template

Live Demo

Lightweight version of Vitesse

Features

• ⚡️ Vue 3, Vite 3, pnpm, ESBuild - born with fastness

• 🗂 File based routing

• 📦 Components auto importing

• 🎨 UnoCSS - The instant on-demand atomic CSS engine.

• 😃 Use icons from any icon sets in Pure CSS

• 🔥 Use the new <script setup> style

• ✅ Use Vitest for unit and components testing

• 🦾 TypeScript, of course

• ☁️ Deploy on Netlify, zero-config

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

• Vue Router
  • vite-plugin-pages - file system based routing
• unplugin-auto-import - Directly use Vue Composition API and others without importing
• unplugin-vue-components - components auto import
• unplugin-vue-macros - Explore and extend more macros and syntax sugar to Vue.
• VueUse - collection of useful composition APIs

Try it now

Clone to local

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

git clone https://github.com/FADL285/vitesse-lite.git
cd vitesse
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Enjoy :)

Usage

Development

Just run and visit http://localhost:3333

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated file in dist that ready to be served.