Getting Started with Astro

Astro is a modern static site builder that delivers zero JavaScript by default.

Why Astro?

• Partial hydration
• Content collections
• Built-in i18n
• Great performance

Quick Start

npm create astro@latest

Select a template and start building!

Project Structure

my-site/
├── src/
│   ├── pages/
│   ├── layouts/
│   └── content/
├── public/
└── astro.config.mjs

Key Concepts

Islands Architecture

Astro uses an “islands” architecture for interactivity. Only components that need JavaScript are hydrated.

Content Collections

Type-safe content management for Markdown files with built-in schema validation.