Skip to content
Velocity

Velocity Documentation

A production-ready Astro starterkit with 56 components, type-safe routing, and a complete design system.
Get Started View on GitHub

Why Velocity?

Section titled “Why Velocity?”

56 Components

Button, Input, Card, Badge, Alert, Header, Footer, and 49 more production-ready components.

Design System

Three-tier token architecture with OKLCH colors, automatic dark mode, and inverted sections.

Type-Safe Routing

Centralized route definitions with TypeScript support and navigation helpers.

Full SEO Toolkit

Dynamic OG images, JSON-LD schemas, meta tags, sitemap, and robots.txt included.

Content Collections

Blog posts, pages, authors, and FAQs with Astro’s Content Layer API.

Deploy Anywhere

Pre-configured for Vercel, Netlify, and Cloudflare Pages with zero config.

Quick Start with CLI

Section titled “Quick Start with CLI”

The fastest way to get started is with the official CLI:

Terminal window
# Create a new project
pnpm create velocity-astro my-project


# Or with npm
npm create velocity-astro@latest my-project

The CLI will guide you through component selection, i18n setup, and more.

Learn more about the CLI →

Manual Installation

Section titled “Manual Installation”

Alternatively, clone the repository directly:

Terminal window
git clone https://github.com/southwellmedia-dev/velocity.git my-project
cd my-project
pnpm install
pnpm dev

Your site will be available at http://localhost:4321.

Built With

Section titled “Built With”
  • Astro 6 — The web framework for content-driven websites
  • Tailwind CSS v4 — A utility-first CSS framework
  • TypeScript — JavaScript with syntax for types
  • OKLCH Colors — Perceptually uniform color space

Built by Southwell Media