Zum Inhalt springen

Erste Schritte

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

  • 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. ✨

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!

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

Terminal-Fenster
# Erstelle ein neues Projekt mit npm
npm create astro@latest

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

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.

🧰 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.

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!

Astro-Blog

Astro-Änderungsverlauf

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