Astro Theme Vitesse screenshot

Astro Theme Vitesse

Author Avatar Theme by Kieranwv
Updated: 15 Apr 2025
133 Stars

A minimal, SEO-friendly portfolio and blog theme for Astro, supports Vue and UnoCSS.

Categories

Overview:

The Vitesse theme is a minimal, SEO-friendly portfolio and blog theme designed for Astro. It offers support for Vue and UnoCSS, ensuring a responsive and high-performance website. With features like light/dark themes, Markdown and MDX support, Vue SFC component support, and auto-generated sitemap and RSS feed, Vitesse provides a powerful solution for users looking to create sleek and optimized websites.

Features:

  • 100 / 100 Lighthouse performance
  • Responsive design
  • SEO-friendly
  • Light/Dark theme options
  • Markdown and MDX support
  • Vue SFC component support
  • Auto-generated sitemap and RSS feed
  • VueUse & Lodash support

Installation:

To start using the Vitesse theme, follow these steps:

  1. Install dependencies:
npm install
  1. Run the project and visit http://localhost:1977:
npm start
  1. For building the app:
npm run build

Ensure you have Node.js version 18 or higher installed for this project. To utilize pnpm or yarn as package management tools, specific modifications in the package.json file are required.

For pnpm:

  • Update “pre-commit” and “*”: scripts accordingly

For yarn:

  • Update “pre-commit” and “*”: scripts accordingly

Summary:

The Vitesse theme for Astro offers a feature-rich solution for creating modern and SEO-friendly portfolio and blog websites. With its performance optimization, support for various technologies, and ease of customization, Vitesse is a valuable theme for users seeking a responsive and efficient web development experience.