Awesome

<p align="center"> <img src="https://user-images.githubusercontent.com/40021217/226892769-15ddc27b-2c4f-484c-9253-290182046329.png" width="800"/> </p> <h2 align="center"> <a href="https://github.com/kingyue737/vitify-next">Vitify</a> with Electron </h2><br> <pre align="center"> 🖖 Vite + Vuetify 3 + Electron ⚛️ Opinionated Starter Template </pre>

Features

⚛️ Electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS
⚡️ Vite 5, pnpm, ESBuild - born with fastness
🗂️ File based routing
📑 Layout system
🍍 State Management via Pinia
📥 APIs auto importing - use Composition API and others directly
🧪 Unit/Component Testing with Vitest + Testing Library
🧼 ESLint flat config with adapted @nuxt/eslint, future-proof

App Starter Template

🪟 Default layout with drawer, header(title bar) and footer (status bar)
🧭 Auto generated navigation drawer and breadcrumbs based on routes
🔔 Notification store
📉 Data visualization with vue-echarts
🎨 Theme color customization and dark mode
📱 Responsive layout

Variations

vitify-nuxt - Vuetify 3 with Nuxt 3, the best DX 🔥🔥🔥
vitify-next - Lightweight Vue 3 version without Electron
vitify-admin - Vite + Vuetify 2, Opinionated Admin Stater Template

Usage

Development

Start a standalone Vue devtools and launch Vite dev server

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated executable and setup.exe in release folder.