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]

4. 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

5. 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.