Was ist Astro?
Was ist Astro? Ein quelloffenes JavaScript-Webframework für schnelle, content-getriebene Websites. Es rendert auf dem Server und lädt JavaScript nur dort, wo eine Komponente es anfordert. Diese Seite erklärt Architektur und Grenzen.
Open Source, MIT-Lizenz
Freie Software unter MIT-Lizenz, Copyright (c) 2021 Fred K. Schott, öffentlich im Repository withastro/astro.
Server-First-Architektur
Multi-Page-Architektur mit Server-Rendering. Standardmäßig wird die gesamte Website vorgerendert und als HTML ausgeliefert.
Islands für Interaktives
Interaktive Komponenten sind Inseln auf einer statischen Seite. Jede Insel bekommt einzeln eine Ladepriorität.
Eigene Produkte, live im Browser.
Screenshots aus Mini Marvin, unserer eigenen Progressive Web App im Browser.
Babynamen swipen statt scrollen
Mini Marvin ist unsere Progressive Web App zur Namenssuche: durch über 10.000 Vornamen swipen, direkt im Browser und ohne App-Store.
Astro in vier Sätzen.
Was es ist
- Ein quelloffenes JavaScript-Webframework für schnelle, content-getriebene Websites.
- Veröffentlicht unter der MIT-Lizenz, aktuell in der Astro-7-Linie.
Wie es rendert
- Server-First.
- Standardmäßig wird die gesamte Website vorgerendert und als statisches HTML ausgeliefert.
- Rendering zur Laufzeit ist ein Opt-in pro Route.
Wie Interaktivität entsteht
- Über die Islands Architecture.
- Eine Insel ist eine interaktive Komponente auf einer ansonsten statischen HTML-Seite, alles andere bleibt reines HTML.
Woher die Inhalte kommen
- Aus Content Collections mit Zod-Schema oder aus einem Headless CMS.
- Astro ist CMS-agnostisch und UI-agnostisch.
Astro verständlich erklärt.
Was ist Astro? Die kurze Definition
Astro ist ein quelloffenes JavaScript-Webframework für schnelle, content-getriebene Websites. Das Projekt beschreibt sich selbst als „a JavaScript web framework optimized for building fast, content-driven websites“. Gemeint sind Auftritte, deren Kern Inhalte sind: Marketing-Websites, Blogs, Magazine, Dokumentationsportale.
Astro ist freie Software unter der MIT-Lizenz, Copyright (c) 2021 Fred K. Schott, entwickelt im öffentlichen Repository withastro/astro. Die aktuelle Major-Linie ist Astro 7. Das Projekt folgt Semantic Versioning, Sicherheits-Fixes gibt es für genau eine vorherige Major-Version. Deshalb gehört ein Upgrade-Pfad in den Betrieb.
Server-First: was das konkret bedeutet
Astro rendert Komponenten auf dem Server und schickt fertiges HTML an den Browser. Standardmäßig entfernt es sämtliches clientseitige JavaScript aus Komponenten, und standardmäßig wird die gesamte Website vorgerendert. Das ausgelieferte HTML ist damit von Anfang an schlank.
Multi-Page-Architektur, keine Single-Page-App
Jede Adresse hat ihr eigenes HTML-Dokument, die Navigation übernimmt der Browser. Daraus folgt die Faustregel, mit der wir Projekte einsortieren: Je mehr Ihr Vorhaben eine Website ist, desto eher Astro. Je mehr es eine Anwendung ist, desto eher ein App-Framework. Für bestehende Seiten beschreibt die Migration zu Astro den Weg.
Astro für Ihr Vorhaben einordnen.
Das entscheidet sich an Ihrem Inhaltsmodell, Ihrem Redaktionsalltag und Ihrer Ausgangsplattform. Schreiben Sie uns drei Sätze dazu.
Wann Astro passt und wann nicht.
Die Kriterien, nach denen wir Projekte einordnen.
Astro passt, wenn …
- Die Website vor allem Inhalte ausliefert: Leistungsseiten, Blog, Dokumentation, Magazin, Referenzen, Landingpages.
- Viele ähnlich aufgebaute Seiten aus strukturierten Daten entstehen sollen: Standorte, Produkte, Kategorien, Autoren.
- Interaktivität die Ausnahme ist: ein Suchfeld, ein Konfigurator, eine Karte, ein Buchungsformular.
- Sie Kontrolle über Code und Deployment wollen: eigenes Repository, eigenes Hosting, kein Plattform-Lock-in.
Ein anderes Werkzeug passt besser, wenn …
- Ihr Vorhaben eine eingeloggte Anwendung ist: Rollen, Dashboards, Echtzeitdaten, viel Zustand im Browser. Dafür gibt es individuelle Softwareentwicklung.
- Fast jede Komponente interaktiv wäre. Wo die ganze Seite eine Insel ist, verliert die Islands Architecture ihren Sinn: Astro vs. Next.js.
- Ihr Marketing-Team Seiten visuell selbst bauen will, ohne Repository und Deployment. Dann ist Webflow der bessere Vorschlag.
- Sie auf ein Plugin-Ökosystem angewiesen sind, etwa Shop oder Mitgliederbereich: Astro vs. WordPress.
Häufige Fragen zu Astro.
Braucht eine Astro-Website einen Server?
Nicht zwingend. Standardmäßig wird die gesamte Website vorgerendert, statische HTML-Seiten gehen an den Browser. Das läuft auf jedem statischen Hosting oder CDN. Sollen einzelne Routen zur Laufzeit rendern, kommt ein Adapter dazu, offiziell für Node, Vercel und Cloudflare, siehe Astro-Hosting.
Was sind Astro Islands?
Eine Insel ist eine aufgewertete UI-Komponente auf einer ansonsten statischen HTML-Seite. Client Islands hydratisieren im Browser einzeln, gesteuert über client:load, client:idle oder client:visible. Server Islands rendern über server:defer serverseitig unabhängig, sodass die Seitenhülle gecacht bleiben kann.
Kann ich React in Astro nutzen?
Ja. Astro ist UI-Framework-agnostisch, offizielle Integrationen gibt es für React, Preact, Svelte, Vue, SolidJS und Alpine.js. Mehrere Frameworks lassen sich kombinieren, allerdings nur innerhalb einer .astro-Datei. Ohne client-Direktive wird die Komponente serverseitig gerendert und kommt als reines HTML an.
Ist Astro gut für SEO?
Die technischen Voraussetzungen sind gut: vorgerendertes HTML steht im ausgelieferten Dokument, und die eingebaute Bildoptimierung leitet Maße ab und vermeidet damit Layout-Shift. Rankings entstehen trotzdem aus Inhalt, Struktur und Verlinkung. Was eine bestehende Seite bremst, zeigt ein SEO Audit.
Ist Astro kostenlos, und was kostet dann eine Astro-Website?
Das Framework ist quelloffen unter MIT-Lizenz, eine Lizenzgebühr fällt nicht an. Kosten entstehen bei Entwicklung, Inhalten, Hosting und Betrieb, dazu ein Headless CMS, falls Sie eines einsetzen. Die Treiber stehen unter Astro-Kosten, den Datenschutz behandelt DSGVO-konforme Website.
Kann unser Marketing Seiten ohne Entwickler veröffentlichen?
Ja, über drei kombinierbare Wege: ein Headless CMS mit Oberfläche und Rechten, Content Collections mit Markdown im Repository, oder Pflege per Chat. Dafür betreiben wir selbst einen WhatsApp-KI-Agenten. Strukturelle Layout-Änderungen bleiben Entwicklungsarbeit.
Haben Sie eine öffentliche Astro-Referenz?
Ja, happylipo.de. Wir haben die Seite zuerst in Webflow gebaut und im September 2026 auf Astro mit Sanity umgestellt. Aufbau und Messwerte stehen in der Case Study. Dazu kommen eigene veröffentlichte Produkte und Jahre Software-Entwicklung mit Repository und Betrieb.
Von den Grundlagen zur Umsetzung.
Leistungen und Betrieb rund um Astro:
Noch Fragen zu Astro?
Schreiben Sie kurz, worum es geht. Sie bekommen eine verständliche Antwort, auch dann, wenn ein anderes Werkzeug die bessere Wahl ist.
Frage zu Astro stellen.
Kurz beschreiben, was Sie vorhaben. Wir antworten mit einer Einordnung, nicht mit einem Angebot.
Antwort in der Regel innerhalb von 24 Stunden.
Remote und vor Ort in Deutschland, Österreich und der Schweiz. Internationale Projekte auf Anfrage.
Vom Grundlagenwissen zur Umsetzung.
Astro Agentur
Leistungen, Vorgehen und Abgrenzung: wie wir mit Astro arbeiten.
Mehr erfahrenAstro CMS & Content Collections
Wie das Inhaltsmodell entsteht: Collections mit Zod-Schema oder ein Headless CMS.
Mehr erfahrenAstro vs. Next.js
Die Architekturfrage im Detail: Website oder Anwendung, und was daraus folgt.
Mehr erfahren