title |
description |
i18nReady |
tableOfContents |
editUrl |
next |
banner |
hero |
Getting Started |
A basic intro to Astro. |
true |
false |
false |
false |
|
title |
tagline |
actions |
facepile |
Astro Docs |
Guides, resources, and API references to help you build with Astro. |
text |
icon |
link |
variant |
Install Astro |
rocket |
/en/install/auto/ |
primary |
|
text |
icon |
link |
Learn about Astro’s features |
right-arrow |
/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/auto/) 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.
- [Astro's main features](/en/concepts/why-astro/)
- [Island architecture](/en/concepts/islands/)
- [Astro components](/en/basics/astro-components/)
- [The Astro template syntax](/en/basics/astro-syntax/)
- [Add integrations like React, and Tailwind](/en/guides/integrations-guide/)
- [Create type safe content collections](/en/guides/content-collections/)
- [Enhance navigation with view transitions](/en/guides/view-transitions/)
- [Connect a headless CMS to your project](/en/guides/cms/)