Getting Started
Static Site Generator 🚀 Bring your own Framework 🚀 Ship Less JavaScript
Have an older project? Follow the migration guide to upgrade to v1.0 beta!
Try Astro
Section titled Try AstroWe’ve made it as easy as possible to get started with Astro either in your browser, or on your machine!
Online Playgrounds
Section titled Online PlaygroundsVisit astro.new for the easiest way to “try before you buy.” Choose from a variety of starter templates and start building a full, working version of Astro right in your browser!
Or, instantly launch our basic starter project with just one click of a button:
Install Astro Locally
Section titled Install Astro LocallyReady to install?
Get a new project up and running locally in no time with our easy create-astro
CLI wizard!
# create a new project with npm
npm create astro@latest
# or yarn
yarn create astro
# or pnpm
pnpm create astro@latest
⚙️ Our Installation Guide has full, step-by-step instructions for installing Astro with your favourite package manager.
⚙️ See instructions for manual setup instead.
Start building with Astro
Section titled Start building with AstroJump right in and add some content and features to your site!
🏗️ Add new Astro (.astro) pages and/or Markdown (.md) pages to your site.
🏗️ Create your first Layout.
🏗️ Add additional CSS and styling to your site.
… check out even more under Features
Learn Astro
Section titled Learn AstroSee examples of some of the key concepts and patterns of an Astro site!
📚 Read more about Astro’s project structure.
📚 Learn about Astro’s template directives.
📚 Explore Astro’s runtime API.
… find more material under Reference
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!
Learn More
Section titled Learn MoreContribute
Section titled ContributeThese docs are brought to you by all these helpful people. Join us on GitHub!