vitesse

Vitesse is a starter template for building web applications with Vue 3 and Vite. A starter template is a pre-configured project you can copy as a starting point instead of setting up everything from scratch. Vite is a build tool that makes web development faster, and Vue 3 is a JavaScript framework for building interactive user interfaces.

The template comes with a lot of decisions already made. Pages are organized using file-based routing, meaning the folder and file structure of your source code automatically determines the URL structure of your app, similar to how frameworks like Next.js work. Vue components are imported automatically without needing to manually declare them at the top of each file. State management uses Pinia, a library for storing and sharing data across different parts of the application.

For styling, the template uses UnoCSS, which generates only the CSS classes your project actually uses, keeping the final file size small. Icons can be pulled from a large library of icon sets using simple class names. The template also includes internationalization support, meaning it is set up to handle multiple languages if needed.

The template can generate a static site, where all pages are pre-built at compile time into plain HTML files, which makes hosting simpler and pages load faster. It can also be configured as a Progressive Web App, which allows users to install it on their phone or desktop like a native application.

Testing tools are included: Vitest for unit tests and Cypress for end-to-end tests. Deployment to Netlify requires no additional configuration. The README notes that this template was created during an early period of Vue 3's development and recommends Nuxt for new projects, while noting Vitesse still works as a reference or starting point.