| title |
Getting started |
| description |
Guides, resources, and API references to help you build with Astro — the web framework for content-driven websites. |
| i18nReady |
true |
| tableOfContents |
false |
| editUrl |
false |
| next |
false |
| banner |
| content |
Astro v7 is here! <a href="/en/guides/upgrade-to/v7/">Learn how to upgrade your site</a>
|
|
| hero |
| title |
tagline |
actions |
facepile |
Astro Docs |
Guides, resources, and API references to help you build with Astro. |
| text |
icon |
link |
Install Astro |
rocket |
/en/install-and-setup/ |
|
| text |
icon |
variant |
link |
Learn about Astro’s features |
right-arrow |
minimal |
/en/concepts/why-astro/ |
|
|
| tagline |
linkText |
link |
Powered by Astro and our open-source contributors. |
Join us! |
/en/contribute/ |
|
|
import { CardGrid } from '@astrojs/starlight/components'
import Card from '/components/Landing/Card.astro'
import ListCard from '/components/Landing/ListCard.astro'
import SplitCard from '/components/Landing/SplitCard.astro'
import Discord from '/components/Landing/Discord.astro'
Explore [Astro starter themes](https://astro.build/themes/) for blogs, portfolios, docs, landing pages, SaaS, marketing, ecommerce sites, and more!
Complete our introductory [Build a Blog Tutorial](/en/tutorial/0-introduction/) to learn the basics and create your first Astro site.
```sh
# create a new project with npm
npm create astro@latest
```
Our [installation guide](/en/install-and-setup/) has 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.