Getting Started
What is Astro?
Astro is an all-in-one web framework for building fast, content-focused websites.
Key Features
Section titled Key Features- 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. ✨
Try Astro in your browser
Section titled Try Astro in your browserVisit 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!
Start your first project
Section titled Start your first projectGet 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 our CLI wizard, creating a new project from an existing Astro GitHub repository, and for installing Astro manually.
Learn Astro
Section titled Learn AstroSee examples of some of the key concepts and patterns of an Astro site!
📚 Add your first page to your site.
📚 Read more about Astro’s project structure.
📚 Learn about Astro’s file-based routing.
… find our full API documentation under the Reference tab.
Extend Astro
Section titled Extend Astro🧰 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.
… see our guide to using integrations.
Join our Community
Section titled Join our CommunityJoin 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!
What’s New?
Section titled What’s New?Contribute
Section titled ContributeThese docs are brought to you by all these helpful people. Join us on GitHub!