Nico-Mayer/vide

Vite super light Beginner Starter Template

Vide

Vue3 + Vite Starter Template, super lightweight Targeted for beginners

The Goal was to create a super lightweight Vite Starter template with as few dependencies as possible, but at the same time provide a good amount of utility. To deliver a clean entry point for newcomers and advanced Vue + Vite users.

Live Demo

You want SSR?

You like Svelte look at vide-kit

Check out videNuxt - Nuxt 3 Version of Vide

Get Started

npx degit nico-mayer/vide my-vide-app

cd my-vide-app

yarn # If you don't have yarn installed, run: npm install

yarn dev # or npm run dev to start the development server

Features

• ⚡️ Vue 3, Vite 2

• 🌙 Easy Customizable Dark Mode

• 🗂 File based routing

• 📦 Components auto importing

• 🎨 UnoCSS - the instant on-demand atomic CSS engine

• 😃 Use icons from any icon sets with classes

• 🗒 Markdown Support

• 📑 Layout system

• 🔥 Use the new <script setup> syntax

• 💪 TypeScript

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

Coding Style

• Use Composition API with <script setup> SFC syntax

Dev tools

• TypeScript

• VS Code Extensions

  • Vite - Fire up Vite server automatically
  • Volar - Vue 3 <script setup> IDE support
  • Iconify IntelliSense - Icon inline display and autocomplete

Vide requires Node >=14

Build

To build the App, run

yarn build

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

## Roadmap

• Implement File based routing
• Add unoCSS with pure css icons
• Improve about page content
• Write guide for custumizing dark mode

This template is inspired by vitesse and vitesome