| title |
description |
i18nReady |
tableOfContents |
editUrl |
next |
hero |
Getting started |
Guides, resources, and API references to help you build with Astro — the web framework for content-driven websites. |
true |
false |
false |
false |
| 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.