Erste Schritte

Astro Version 3 ist da!

Was gibt es Neues in Astro v3? Erfahre es im Ankündigungs-Blogpost.
Bereit fürs Upgrade? Folge unserer Upgrade-Anleitung.

Was ist Astro?

Abschnitt betitelt Was ist Astro?

Astro ist ein Web-Framework, das eine Komplettlösung zur Erstellung schneller, inhaltsorientierter Websites darstellt.

Schlüsselfunktionen

Abschnitt betitelt Schlüsselfunktionen

• Komponenteninseln: Eine neue Web-Architektur zur Erstellung schnellerer Websites.
• Serverfokussiertes API-Design: Befreit die Endgeräte von rechenintensiver Hydratation.
• Standardmäßig ohne JS: Es gibt keinen unnötigen JavaScript-Laufzeit-Code, der dich ausbremst.
• Bereit für die Edge: Veröffentliche deine Website überall, sogar im Rahmen einer globalen Edge-Laufzeitumgebung wie Deno oder Cloudflare.
• Anpassbar: Du kannst aus Tailwind, MDX und 100+ anderen Integrationen auswählen.
• UI-unabhängig: Unterstützt React, Preact, Svelte, Vue, Solid, Lit und mehr.

Sieh dir unsere detaillierte Aufschlüsselung Warum Astro an, um mehr darüber zu erfahren, was Astro besonders macht. ✨

Teste Astro in deinem Browser

Abschnitt betitelt Teste Astro in deinem Browser

Besuche astro.new und wähle aus einer Vielzahl von Vorlagen aus, um loszulegen. So kannst du mit einer voll funktionsfähigen Version von Astro direkt in deinem Browser herumspielen!

Schnellstart! Sieh dir alle Vorlagen an →

Beginne dein erstes Projekt

Abschnitt betitelt Beginne dein erstes Projekt

Starte ein neues lokales Astro-Projekt mit create-astro, unserem hilfreichen Kommandozeilen­assistent!

npm

# Erstelle ein neues Projekt mit npm
npm create astro@latest

pnpm

# Erstelle ein neues Projekt mit pnpm
pnpm create astro@latest

Yarn

# Erstelle ein neues Projekt mit yarn
yarn create astro

Unter Installation findest du eine vollständige Schritt-für-Schritt-Anleitung zur Installation von Astro mit deinem bevorzugten Paketmanager.

Lerne mehr über Astro

Abschnitt betitelt Lerne mehr über Astro

Sieh dir Beispiele zu einigen grundlegenden Konzepten und Strukturen einer Astro-Website an!

📚 Füge die erste Seite zu deiner Website hinzu.

📚 Erfahre mehr über Astros Projektstruktur.

📚 Lerne, wie Astros dateibasiertes Routing funktioniert.

…unsere vollständige API-Dokumentation findest du im Abschnitt Referenz.

Erweitere Astro

Abschnitt betitelt Erweitere Astro

🧰 Starte dein nächstes Projekt mit einer vorgefertigten Vorlage.

🧰 Passe es mit offiziellen und Community-beigesteuerten Plugins und Komponenten an.

🧰 Lass dich von unserer Galerie von Astro-Websites inspirieren.

…mehr findest du in unserer Anleitung zur Nutzung von Integrationen.

Werde Teil unserer Community

Abschnitt betitelt Werde Teil unserer Community

Tritt dem Astro-Discord bei, um deine Erfahrungen und Fragen rund um Astro mit unserer aktiven, freundlichen Community zu teilen!

💬 Stell dich im Kanal #general vor!

💬 Frag unser Support-Team im Kanal #support!

💬 Zeig uns dein Astro-Projekt im Kanal #showcase!

Weiterführende Links

Abschnitt betitelt Weiterführende Links

Astro-Blog

Astro-Änderungsverlauf

Wirke bei Astro mit

Abschnitt betitelt Wirke bei Astro mit

Diese Dokumentation wurde von einer Vielzahl hilfreicher Personen erstellt. Willst du auch mitwirken? Besuche uns auf GitHub!

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•