Getting Started

What is Astro?

Astro is an all-in-one web framework for building fast, content-focused websites.

Component Islands: A new web architecture for building faster websites.
Server-first API design: Move expensive hydration off of your users’ devices.
Zero JS, by default: No JavaScript runtime overhead to slow you down.
Edge-ready: Deploy anywhere, even a global edge runtime like Deno or Cloudflare.
Customizable: Tailwind, MDX, and 100+ other integrations to choose from.
UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more.

Check out our detailed Why Astro breakdown to learn more about what makes Astro special. ✨

Visit astro.new and choose from a variety of templates to get started. Play around with a full, working version of Astro right in your browser!

Get a new Astro project up and running locally with our helpful create-astro CLI wizard!

# create a new project with npm
npm create astro@latest

# create a new project with pnpm
pnpm create astro@latest

# create a new project with yarn
yarn create astro

Our Installation Guide has full, step-by-step instructions for installing Astro using your favorite package manager.

See examples of some of the key concepts and patterns of an Astro site!

📚 Read more about Astro’s project structure.

📚 Learn about Astro’s file-based routing.

… find our full API documentation under the Reference tab.

🧰 Start your next project with a prebuilt theme

🧰 Customize your site with official and community plugins and components.

🧰 Get inspired by visiting our site showcase.

Join us in the Astro Discord to share with and get help from an active, friendly community!

💬 Say hi in our #introduce-yourself channel!

💬 Ask our Support Squad a question in our #support-threads channel!

💬 Share what you’ve been working on in our #showcase channel!

These docs are brought to you by all these helpful people. Join us on GitHub!