antfu/vitesse
Vitesse
Vitesse is a pre-configured starter template for building Vue applications with Vite and TypeScript. It functions as a static site generator and a progressive web app scaffold, providing a standardized development environment for web projects.
The project distinguishes itself through a file-based routing system that automatically maps application routes based on the project folder structure. It employs an atomic CSS framework to generate on-demand utility classes for performant stylesheets and an automated component injection mechanism to remove repetitive import statements.
The toolkit covers a broad range of capabilities, including type-safe global state management, internationalization for multi-language support, and the compilation of markdown files into UI components. It also incorporates universal icon set integration, reusable page layouts, and automated unit and end-to-end testing.
The project includes configurations for production bundle compilation, static site generation, and containerization support.
Features
- Vite Build Pipelines - Provides a high-performance development environment and production pipeline powered by Vite.
- Vue Starter Templates - Provides a comprehensive starter template for building Vue applications with Vite and TypeScript.
- Build Toolchains - Orchestrates a standardized development and deployment pipeline using a curated set of Vite plugins and build scripts.
- Vue Scaffolds - Offers a pre-configured starter template with best practices to bootstrap new Vue applications quickly.
- File-Based Routing Systems - Provides a routing system that automatically maps the project folder structure to application views.
- File-System Routing - Automatically maps the project's physical folder structure to application navigation routes.
- Static Site Generation - Pre-renders application routes into static HTML files at build time to improve SEO and load speed.
- Static Site Generators - Functions as a static site generator by pre-rendering Vue pages into optimized HTML files.
- Filesystem-Based Route Mappings - Automates the mapping of application routes based on the physical source file hierarchy.
- Vue Component Converters - Compiles markdown files directly into Vue components to render documentation as interactive UI.
- Component Imports - Provides build-time automation to detect and import UI components, eliminating the need for manual import statements.
- Automatic Component Imports - Automatically injects common components and functions to remove repetitive manual import statements.
- Internationalization Support - Includes internationalization patterns and utilities to adapt application content for different locales.
- Progressive Web App Templates - Ships a project scaffold with pre-configured service workers and manifests for offline PWA usage.
- Type-Safe State Management - Implements a reactive global store with TypeScript to ensure type-safe data synchronization across components.
- CSS Utility Classes - Uses a utility-first styling approach with atomic CSS classes to maintain a small and consistent stylesheet.
- Internationalization Frameworks - Implements a system for translating and managing application content across multiple languages.
- Markdown Renderers - Renders markdown files as viewable components with built-in syntax highlighting for code blocks.
- Atomic CSS Generators - Generates a minimal, performant CSS bundle by scanning source code for atomic utility classes during the build process.
- Production Asset Bundlers - Compiles the application into optimized static files ready for deployment to a web server.
- Progressive Web App Utilities - Provides pre-configured service workers and manifest files to enable offline usage and app installation.
- Starter Templates - Full-featured Vue 3 starter with modern tooling and defaults.
- Vue Templates - Opinionated, feature-rich starter template for Vue 3.
