title |
description |
i18nReady |
tableOfContents |
editUrl |
next |
banner |
hero |
Erste Schritte |
Eine einfache Einführung in Astro. |
true |
false |
false |
false |
|
title |
tagline |
actions |
facepile |
Astro Dokumentation |
Guides, Ressourcen und API-Referenzen, um mit Astro zu arbeiten. |
text |
icon |
link |
variant |
Los geht's |
rocket |
/de/install-and-setup/ |
primary |
|
text |
icon |
link |
Lerne mehr über Astro |
right-arrow |
/de/concepts/why-astro/ |
|
|
tagline |
linkText |
link |
Angetrieben durch Astro und unsere Open-Source-Mitwirkenden. |
Tritt uns bei! |
/de/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'
Entdecke [Astros vorgefertigte Vorlagen](https://astro.build/themes/) für Blogs, Portfolios, Dokumentationen, Marketing-Seiten, Webshops und mehr!
Schließe unser einleitendes [Baue einen Blog](/de/tutorial/0-introduction/) Tutorial ab, um die Grundlagen zu lernen und deine erste Astro-Seite zu erstellen.
```sh
# Erstelle ein neues Projekt mit npm
npm create astro@latest
```
Unser [Installations-Guide](/de/install-and-setup/) bietet Schritt-für-Schritt-Anleitungen, um Astro mithilfe unseres CLI Wizards zu installieren, ein neues Projekt aus einem bestehenden Astro GitHub-Repository zu erstellen und Astro manuell zu installieren.
- [Astros Hauptmerkmale](/de/concepts/why-astro/)
- [Insel-Architektur](/de/concepts/islands/)
- [Astros Komponenten](/de/basics/astro-components/)
- [Die Astro Template-Syntax](/de/basics/astro-syntax/)
- [Nutze Integrationen, wie React und Tailwind](/de/guides/integrations-guide/)
- [Erstelle Typ-sichere Content-Kollektionen](/de/guides/content-collections/)
- [Verbessere Navigation mit View Transitions](/de/guides/view-transitions/)
- [Verbinde ein Headless CMS mit deinem Projekt](/de/guides/cms/)