Vue Templates Logo Vue Templates
Vitify Admin screenshot

Vitify Admin

Author Avatar Theme by Kingyue737
Updated: 30 Sep 2024
159 Stars

Vite + Vuetify, Opinionated Admin Starter Template

Github Live Preview

Categories

Vite Scss Vuetify Dashboard Templates & themes

Overview

Variantsvitify-next is a lightweight Vue 3 version of the Variantsvitify template. It offers full TypeScript support and intellisense for Vuetify 2 components, powered by Volar. It is built with Vite 4, pnpm, and ESBuild for faster performance. The theme features file-based routing, a layout system, state management via Pinia, I18n readiness, and APIs auto importing. It also provides unit/component testing with Vitest + Testing Library, E2E testing with Cypress, and supports deployment on Netlify.

Features

  • Full TypeScript Support and intellisense for Vuetify 2 components, powered by Volar
  • Vue 2.7 - Composition API and <script setup>
  • Vite 4, pnpm, ESBuild - born with fastness
  • File based routing
  • Layout system
  • State Management via Pinia
  • I18n ready
  • APIs auto importing - use Composition API and others directly
  • Deploy on Netlify, zero-config
  • Unit/Component Testing with Vitest + Testing Library, E2E Testing with Cypress on GitHub Actions

Installation

To install the Variantsvitify-next theme, follow these steps:

  1. Make sure you have Node version 16.6.0 or higher installed.
  2. Clone the repository from GitHub, or create a new repository from the template on GitHub.
  3. If you prefer to clone the repository manually with a cleaner git history, use the following commands:
git clone [repository-url]
cd [repository-folder]
  1. Install the required dependencies by running one of the following commands based on your package manager:
  • For pnpm:
pnpm install
  • For yarn:
yarn install
  • For npm:
npm install
  1. Once the installation is complete, you can start using the Variantsvitify-next theme.

Summary

Variantsvitify-next is a lightweight Vue 3 template that provides full TypeScript support, fast performance, and a range of features for efficient web development. Its integration with Volar and Vite 4 ensures seamless compatibility and optimal performance. The theme offers convenient file-based routing, a flexible layout system, state management capabilities, and support for internationalization. It also includes comprehensive testing tools and easy deployment options. With its clean codebase and user-friendly features, Variantsvitify-next is a great choice for building modern and responsive web applications.