Skip to content
astro tutorial getting-started

Welcome to Velocity

Get started with Velocity, the modern Astro boilerplate with everything you need to build fast, beautiful websites.

S

Southwell Media

Author

2 min read

Welcome to Velocity

Velocity is a production-ready starter template built on Astro 6 and Tailwind CSS v4. It’s designed to help you build fast, beautiful, and accessible websites with minimal setup time.

Features

  • πŸš€ Astro 6 - The latest version with all stable features
  • 🎨 Tailwind CSS v4 - CSS-first design token system
  • 🌍 Internationalization - Built-in i18n with 3 languages
  • πŸ” SEO Optimized - Complete meta tags, OG images, and structured data
  • πŸŒ™ Dark Mode - Automatic theme detection and toggle
  • β™Ώ Accessible - WCAG 2.2 AA compliant components

Getting Started

  1. Clone the repository
  2. Install dependencies with pnpm install
  3. Start the dev server with pnpm dev

That’s it! You’re ready to start building.

Customization

Velocity is designed to be easily customizable. Start by editing:

  • src/config/site.config.ts - Site metadata
  • src/styles/tokens/colors.css - Brand colors
  • src/i18n/translations/ - Translations

Happy building! πŸŽ‰

Back to Blog
Share: