Vite + Vuetify, Opinionated Admin Starter Template
Live Demo
Lightweight Vue 3 version of Vitify Admin
-
vitify-nuxt - Vuetify 3 with Nuxt 3, the best DX ๐ฅ๐ฅ๐ฅ
-
vitify-electron - Vuetify 3 with Electron
-
vitify-admin - Vuetify 2 but with full Typescript support and Vite
-
๐๏ธ File based routing
-
๐ Layout system
-
๐ฅ APIs auto importing - use Composition API and others directly
-
โ๏ธ Deploy on Netlify, zero-config
-
๐งช Unit/Component Testing with Vitest + Testing Library, E2E Testing with Playwright on GitHub Actions
-
๐ช Default layout with drawer, header and footer
-
๐งญ Auto generated navigation drawer and breadcrumbs based on routes
-
๐ Notification store
-
๐ Data visualization with vue-echarts
-
๐จ Theme color customization and dark mode
-
๐ฑ Responsive layout
Dropped Features from Vitify
Currently I want to keep this template as light as possible, see Vitify Admin of Vue 2 version for full featureset.
I18nBrowsers CompabilityMock APILogin Pageaxios
- Vuetify 3 - Material Design Framework
- Vue Router
unplugin-vue-router
- Next-gen file based typed routing for vue routervite-plugin-vue-meta-layouts
- Layouts for pages
- Pinia - Intuitive, type safe, light and flexible Store for Vue using the Composition API
unplugin-vue-components
- Auto import Vuetify 2 componentsunplugin-auto-import
- Directly use Vue Composition API and others without importing- VueUse - Collection of useful composition APIs
rollup-plugin-regexp
- auto replace@mdi/font
with@mdi/js
in<VIcon>
, reduce bundle size
- Prettier, single quotes, no semi
- ESLint flat config with adapted @nuxt/eslint, future-proof
- TypeScript
- Vitest - Unit testing powered by Vite
- pnpm - Fast, disk space efficient package manager
- Netlify - zero-config deployment
- VS Code Extensions
- Playwright - E2E testing
- Volar - TypeScript support inside Vue SFCs
- ESLint - Find and fix problems in your code
- Prettier - Code formatter
- EditorConfig for VS Code
- Material Design Icons Intellisense
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit kingyue737/vitify-next my-vitify-app
cd my-vitify-app
pnpm i