Getting Started with Astro

Astro is a modern static site generator that delivers zero JavaScript by default. It’s perfect for content-focused websites like blogs and documentation.

Why Astro?

Astro’s key differentiator is its island architecture. Instead of shipping JavaScript for your entire page, Astro only loads JavaScript for the interactive components that need it. The rest of your site is pure HTML and CSS.

Key Features

• Zero JS by default - Only add JavaScript where you need it
• Bring your own framework - Use React, Vue, Svelte, or plain HTML
• Content collections - Type-safe Markdown and MDX
• Fast builds - Optimized for static site generation

Getting Started

To create a new Astro project, run:

npm create astro@latest

Follow the prompts to set up your project. You can start with a minimal template or one that includes a blog or documentation setup.

Next Steps

Explore the Astro documentation to learn about routing, components, and deployment options.