Was ist Astro?
Astro ist ein quelloffenes JavaScript-Webframework für schnelle, content-getriebene Websites. Es rendert auf dem Server, schickt fertiges HTML an den Browser und lädt clientseitiges JavaScript nur dort, wo eine Komponente es ausdrücklich anfordert. Diese Seite erklärt ohne Marketing-Vokabular, wie Astro aufgebaut ist: Server-First und Multi-Page-Architektur, die Islands Architecture, Content Collections mit Zod, statisches Prerendering und Adapter, eingebaute Bildoptimierung und View Transitions – und wo die Grenzen liegen.
Open Source, MIT-Lizenz
Astro ist freie Software unter der MIT-Lizenz, Copyright (c) 2021 Fred K. Schott. Der Quellcode liegt öffentlich im Repository withastro/astro.
Server-First statt Single-Page-App
Astro ist als Multi-Page-Architektur mit Server-Rendering angelegt. Standardmäßig wird die gesamte Website vorgerendert und als statisches HTML ausgeliefert.
Islands statt Vollhydratisierung
Interaktive Komponenten sind Inseln auf einer ansonsten statischen Seite. Jede Insel bekommt einzeln eine Ladepriorität – oder gar keine.
Astro in sechs Sätzen.
- Was es ist: Astro 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 an den Browser geschickt. Server-Rendering zur Laufzeit ist ein bewusstes Opt-in pro Route.
- Wie Interaktivität entsteht: über die Islands Architecture, die Astro geprägt hat. Eine Insel ist eine interaktive Komponente auf einer ansonsten statischen HTML-Seite; alles andere bleibt reines HTML.
- Woher die Inhalte kommen: aus Content Collections im Repository, deren Schema mit Zod validiert wird, oder aus einem Headless CMS. Astro ist CMS-agnostisch.
- Womit es sich verträgt: React, Preact, Svelte, Vue, SolidJS und Alpine.js haben offizielle Integrationen. Bildoptimierung, TypeScript und clientseitige Seitenübergänge sind eingebaut.
- Wofür es nicht gebaut ist: für eingeloggte Anwendungen mit viel Zustand im Browser. Dort ist ein App-Framework die passendere Grundlage – siehe Astro vs. Next.js.
Astro verständlich erklärt.
Was ist Astro? Die kurze Definition
Astro ist ein quelloffenes JavaScript-Webframework, das für schnelle, content-getriebene Websites optimiert ist. Das Projekt beschreibt sich selbst als „a JavaScript web framework optimized for building fast, content-driven websites“; die Kurzformel der eigenen Startseite lautet „The web framework for content-driven websites“. Gemeint sind damit Auftritte, deren Kern Inhalte sind: Marketing-Websites, Blogs, Magazine, Dokumentationsportale, Referenz- und Landingpage-Systeme.
Drei Eigenschaften stellt Astro selbst nach vorn: Server-First – gerendert wird auf dem Server, an den Browser geht leichtes HTML. Content-Driven – das Framework ist um Inhalte herum gebaut, nicht um Anwendungszustand. Customizable – es legt sich nicht auf eine UI-Bibliothek und nicht auf ein CMS fest.
In der Dokumentation stehen fünf Designprinzipien, an denen sich das Projekt messen lässt: content-driven, server-first, fast by default, easy to use und developer-focused. Diese Prinzipien erklären die meisten Entwurfsentscheidungen, die weiter unten beschrieben sind – etwa warum statisches Ausliefern die Voreinstellung ist und Interaktivität die Ausnahme.
Wer entwickelt Astro – und unter welcher Lizenz?
Astro ist freie Open-Source-Software unter der MIT-Lizenz, Copyright (c) 2021 Fred K. Schott. Der Quellcode liegt öffentlich im Repository withastro/astro. Praktisch heißt das: Sie dürfen Astro kostenlos einsetzen, auch kommerziell, den Code lesen, anpassen und ausliefern. Es gibt keine Lizenzgebühr, keinen Sitzplatzpreis und keinen Vertrag mit einem Plattformanbieter – ein deutlicher Unterschied zu gehosteten Website-Plattformen, bei denen der Betrieb an ein Abonnement gebunden ist.
Die aktuelle Major-Linie ist Astro 7. Astro folgt Semantic Versioning; Extended Maintenance mit Sicherheits-Fixes gibt es für genau eine vorherige Major-Version. Das Projekt entwickelt sich schnell: Astro 6.0 wurde im März 2026 stabil, Astro 7.0 folgte im Juni 2026. Für ein Projekt bedeutet das nichts Dramatisches, aber es bedeutet Planung – Major-Upgrades gehören als wiederkehrende kleine Aufgabe in den Betrieb, nicht alle drei Jahre als Großprojekt. Wie sich das organisieren lässt, steht unter Astro Support und Wartung.
Server-First: was das konkret bedeutet
„Server-First“ klingt nach einem Schlagwort, ist aber eine sehr konkrete Voreinstellung. Astro rendert Komponenten auf dem Server und schickt fertiges HTML an den Browser. Und es geht einen Schritt weiter: Standardmäßig entfernt Astro sämtliches clientseitige JavaScript aus Komponenten. Eine Seite, die nichts anfordert, kommt ohne Framework-JavaScript beim Nutzer an.
Der zweite Teil der Voreinstellung betrifft den Zeitpunkt des Renderings. Die Dokumentation formuliert es unmissverständlich: standardmäßig wird die gesamte Astro-Website vorgerendert, und statische HTML-Seiten gehen an den Browser. Ein solches Ergebnis lässt sich auf jedem statischen Hosting oder CDN ausliefern. Wer eine Route zur Laufzeit rendern lassen will, schaltet das dort ausdrücklich ein – dazu unten mehr bei den Adaptern.
Der praktische Effekt: Performance ist bei Astro keine Optimierungsrunde am Projektende, sondern der Ausgangszustand. Sie beginnen bei einer Seite ohne Client-JavaScript und fügen bewusst hinzu, statt bei einem vollständig hydratisierten Framework zu beginnen und mühsam wieder abzutragen.
Astro und die Single-Page-App: der Architekturunterschied
Astro ist eine Multi-Page-Architektur (MPA) mit Server-Rendering als Standard – ausdrücklich kein Single-Page-App-Modell mit clientseitigem Rendering. Der Unterschied ist grundlegend genug, dass er die meisten Folgefragen beantwortet.
In einer Single-Page-App lädt der Browser zunächst eine weitgehend leere HTML-Hülle und ein JavaScript-Bundle. Dieses Bundle baut die Oberfläche im Browser zusammen und übernimmt anschließend auch die Navigation: Jeder Klick wird abgefangen, Daten werden nachgeladen, die Ansicht wird im Browser ausgetauscht. Das ist die richtige Architektur für Produkte, die sich wie Programme verhalten – Dashboards, Editoren, eingeloggte Arbeitsumgebungen.
In einer Multi-Page-App hat jede Adresse ihr eigenes, vom Server geliefertes HTML-Dokument. Der Browser macht das, wofür er gebaut wurde. Astro nimmt diese klassische Grundform und ergänzt sie um zwei Dinge, die ihr früher gefehlt haben: eine saubere Komponentenwelt mit gezielt hydratisierten Inseln – und optionale clientseitige Seitenübergänge, damit Navigation sich weich anfühlt, ohne dass die ganze Seite zur Anwendung wird.
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. Ausführlich gegenübergestellt haben wir das unter Astro vs. Next.js und Astro vs. WordPress.
TypeScript: eingebaut, aber optional
TypeScript-Unterstützung gehört zu Astro, ohne Pflicht zu sein. Sie können .ts- und .tsx-Dateien importieren, TypeScript direkt in Astro-Komponenten schreiben und die Konfiguration als astro.config.ts führen. Drei tsconfig-Vorlagen stehen bereit: base, strict und strictest. Wichtig für die Erwartungshaltung: Der Entwicklungsserver prüft keine Typen – dafür gibt es den Befehl astro check, der in die Continuous Integration gehört.
Interessant wird TypeScript in Kombination mit Content Collections: Aus dem Zod-Schema einer Collection leitet Astro automatisch Typen für Abfragen ab. Ein Tippfehler im Feldnamen fällt dann beim Build auf, nicht auf der Live-Seite.
Heißt es Astro oder Astro JS?
Der offizielle Name ist schlicht Astro. Gesucht wird trotzdem häufig nach „Astro JS“ oder „Astro.js“ – schlicht weil es ein JavaScript-Framework ist und viele Frameworks diese Schreibweise tragen. Gemeint ist dasselbe Projekt. Wer nach dem Framework sucht, sollte allerdings wissen, dass der Begriff „Astro“ im Netz stark von Astrologie-Angeboten belegt ist; ein Zusatz wie „Framework“ oder „Webframework“ in der Suche spart Zeit.
Kurzdefinition
Ein quelloffenes JavaScript-Webframework für schnelle, content-getriebene Websites. Eigene Tagline: „The web framework for content-driven websites“.
Lizenz & Herkunft
MIT-Lizenz, Copyright (c) 2021 Fred K. Schott. Quellcode öffentlich im Repository withastro/astro.
Aktuelle Linie
Astro 7. Semantic Versioning; Sicherheits-Fixes gibt es für genau eine vorherige Major-Version.
Designprinzipien
content-driven, server-first, fast by default, easy to use, developer-focused.
Die sechs Konzepte, die Astro ausmachen.
Wer diese sechs Begriffe verstanden hat, versteht Astro. Alles Weitere sind Details der Umsetzung.
Islands Architecture
Astro hat den Begriff geprägt: eine komponentenbasierte Architektur für content-getriebene Websites. Eine Insel ist eine aufgewertete UI-Komponente auf einer ansonsten statischen HTML-Seite. Der Großteil der Seite bleibt HTML; interaktive Komponenten kommen nur dort hinzu, wo sie gebraucht werden. Client Islands hydratisieren einzeln im Browser, Server Islands rendern über server:defer serverseitig unabhängig nach.
client:load, client:idle, client:visible
Weil Astro standardmäßig alles Client-JavaScript entfernt, wird Interaktivität pro Komponente über eine client:*-Direktive angefordert – etwa <MyReactComponent client:load />. Die Ladeprioritäten: client:load hydratisiert sofort, client:idle wartet auf den Browser-Leerlauf, client:visible erst, wenn die Komponente in den sichtbaren Bereich kommt.
Content Collections mit Zod
Eine Collection ist ein Satz strukturell gleicher Inhalte. Drei dokumentierte Vorteile: Typsicherheit, inhaltsorientierte Abfragen wie getCollection() und eingebautes Caching für tausende Einträge. Das Schema wird mit Zod definiert; Astro validiert damit jede Datei und leitet automatisch TypeScript-Typen ab. Zwei Build-Time-Loader sind eingebaut: glob() für Verzeichnisse und file() für mehrere Einträge in einer Datei.
Prerendering, SSR und Adapter
Statisch ist der Standard: Die gesamte Website wird vorgerendert, statische HTML-Seiten gehen an den Browser. Server-Rendering schaltet man pro Route über export const prerender = false ein. Mit output: "server" dreht sich der Standard um, und einzelne Seiten kommen über export const prerender = true zurück. On-Demand-Rendering braucht einen Adapter für die Ziellaufzeit – offiziell gepflegt sind unter anderem @astrojs/node, @astrojs/vercel und @astrojs/cloudflare.
UI- und CMS-Agnostik
Astro legt Sie auf keine UI-Bibliothek fest: Offizielle Integrationen gibt es für React, Preact, Svelte, Vue, SolidJS und Alpine.js. Mehrere davon lassen sich kombinieren – allerdings nur innerhalb einer .astro-Datei, denn laut Dokumentation können nur Astro-Komponenten Komponenten aus mehreren Frameworks enthalten. Genauso CMS-agnostisch: Astro ist die Präsentationsschicht, das CMS hilft beim Schreiben der Inhalte.
Bilder und View Transitions ab Werk
Die Bildoptimierung ist eingebaut: <Image /> setzt alt, loading und decoding und leitet Bildmaße ab, um Layout-Shift zu vermeiden; <Picture /> erzeugt mehrere Formate und Größen mit Fallback. Sharp ist der Standard-Bilddienst. Auch View Transitions gehören zum Framework: <ClientRouter /> ist eine eingebaute, leichtgewichtige Komponente für clientseitiges Routing – ausdrücklich als Opt-in.
Astro, klassisches SPA-Framework und klassisches CMS.
Drei Architekturen, drei unterschiedliche Grundannahmen darüber, wo eine Seite entsteht. Die Tabelle vergleicht Bauweisen, nicht Qualität – jede Spalte ist in ihrem Feld die richtige Antwort.
| Dimension | Astro | Klassisches SPA-Framework | Klassisches CMS |
|---|---|---|---|
| Grundarchitektur | Multi-Page-Architektur, Server-Rendering als Standard | Single-Page-App: eine HTML-Hülle, Routing und Aufbau im Browser | Server erzeugt HTML pro Aufruf aus Datenbank und Theme |
| Auslieferung im Normalfall | Vorgerendertes, statisches HTML; SSR pro Route zuschaltbar | HTML-Hülle plus JavaScript-Bundle, das die Oberfläche aufbaut | Dynamisch erzeugtes HTML, meist mit vorgelagertem Caching |
| Client-JavaScript | Standardmäßig keins; pro Komponente über client:* angefordert | Das Framework läuft im Browser mit, auch auf reinen Textseiten | Theme- und Plugin-Skripte, oft ohne zentrale Kontrolle |
| Interaktive Bereiche | Einzelne Inseln, mit eigener Ladepriorität pro Komponente | Die gesamte Anwendung wird hydratisiert | Über Plugins, häufig als eingebettete Widgets |
| Inhaltsmodell | Content Collections mit Zod-Schema oder Headless CMS über API | Frei wählbar, meist eine eigene API oder ein Headless CMS | Datenbank plus Redaktionsoberfläche, fest verzahnt |
| UI-Bibliothek | Agnostisch: React, Preact, Svelte, Vue, SolidJS, Alpine.js | An das jeweilige Framework gebunden | Theme-System der Plattform |
| Hosting | Statisches Hosting oder CDN; für SSR ein Adapter, etwa Node, Vercel oder Cloudflare | Statisch ausgeliefert oder mit Laufzeitumgebung, je nach Setup | Server mit Laufzeitumgebung und Datenbank |
| Laufende Pflege | Abhängigkeiten und Major-Upgrades; Sicherheits-Fixes für eine vorherige Major | Framework- und Bibliotheks-Upgrades | Core-, Theme- und Plugin-Updates, teils sicherheitsrelevant |
Wann Astro passt – und wann nicht.
Diese Seite ist erklärend, nicht werbend. Deshalb bekommt die rechte Spalte dasselbe Gewicht wie die linke: Astro ist ein sehr gutes Werkzeug für einen klar umrissenen Zweck – und die falsche Wahl außerhalb davon.
Astro passt, wenn …
Der Inhalt ist der Kern des Produkts, und Geschwindigkeit sowie Auffindbarkeit sind geschäftskritisch.
- 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 und nicht die Regel: ein Suchfeld, ein Konfigurator, eine Karte, ein Buchungsformular.
- Inhalte aus mehreren Quellen zusammenlaufen – Markdown im Repository, ein Headless CMS, eine Produkt-API.
- Sie Kontrolle über Code und Deployment wollen: eigenes Repository, eigenes Hosting, kein Plattform-Lock-in.
- Ein bestehender Auftritt an Plugins, Themes oder Build-Zeiten erstickt – dann lohnt der Blick auf die Migration zu Astro.
Ein anderes Werkzeug passt besser, wenn …
Diese Fälle sind häufiger, als es Agenturseiten lieb ist. Wer sie ignoriert, baut ein Projekt gegen seine eigene Architektur.
- Ihr Vorhaben eine eingeloggte Anwendung ist: Rollen, Dashboards, Echtzeitdaten, viel Zustand im Browser. Dafür ist individuelle Softwareentwicklung der richtige Weg.
- Fast jede Komponente interaktiv wäre. Wo die ganze Seite eine Insel ist, verliert die Islands Architecture ihren Sinn – siehe Astro vs. Next.js.
- Ihr Marketing-Team Seiten visuell selbst bauen will, ohne Repository und Deployment. Dann ist Webflow der ehrlichere Vorschlag.
- Sie stark auf ein Plugin-Ökosystem angewiesen sind – Shop, Mitgliederbereich, Buchungssystem – und niemand im Haus Code anfassen möchte: Astro vs. WordPress.
- Im Team niemand mit Git und Deployments arbeiten will und auch keine Betreuung dafür eingeplant ist. Werkzeuge, die niemand bedient, werden zum Risiko.
- Sie morgen eine einzelne Kampagnenseite brauchen und kein Budget für ein Setup haben. Ein visuelles Werkzeug ist dann schneller am Ziel.
Wie ein Astro-Projekt in der Praxis beginnt.
Zuerst das Inhaltsmodell, dann das Layout
Der auffälligste Unterschied zwischen einem Astro-Projekt und einem Website-Projekt im Baukasten ist die Reihenfolge. In Astro steht am Anfang nicht das Layout, sondern die Frage, welche Inhaltstypen es gibt und welche Felder dazugehören. Ein Blogbeitrag hat Titel, Datum, Autor, Auszug, Titelbild und Kategorien. Eine Referenz hat Kunde, Branche, Leistungen und Ergebnis. Diese Struktur wird als Collection beschrieben und mit einem Zod-Schema festgehalten.
Der Aufwand zahlt sich zweifach aus. Erstens erzeugt das Schema automatisch TypeScript-Typen, sodass eine Abfrage wie getCollection() genau weiß, welche Felder existieren. Zweitens ist das Schema eine Leitplanke: Fehlt ein Pflichtfeld oder rutscht ein falsches Datumsformat hinein, bricht der Build – und nicht die Live-Website. Ein Schema ist technisch optional, aber die Dokumentation empfiehlt es, und in der Praxis ist es der Unterschied zwischen einer pflegbaren und einer zerfallenden Inhaltssammlung.
Welche Seiten statisch sind – und welche nicht
Die zweite frühe Entscheidung betrifft das Rendering. Standard ist Prerendering: Alle Seiten werden beim Build erzeugt und als statisches HTML ausgeliefert. Das genügt für die überwiegende Mehrheit der Seiten einer Unternehmenswebsite und läuft auf jedem statischen Hosting oder CDN.
Ausnahmen gibt es trotzdem: eine Formularverarbeitung, eine personalisierte Ansicht, eine Suche über einen großen Datenbestand, eine Preisabfrage aus einem Fremdsystem. Für solche Routen wird On-Demand-Rendering eingeschaltet, und das Projekt bekommt einen Adapter für die Ziellaufzeit. Diese Entscheidung fällt pro Route, nicht pauschal für das Projekt – und sie bestimmt später Hosting-Modell und Betriebskosten. Deshalb gehört sie an den Anfang und nicht ans Ende.
Für dynamische Teile innerhalb einer ansonsten statischen Seite gibt es außerdem Server Islands: Sie werden serverseitig unabhängig gerendert und über server:defer nachgeliefert. So bleibt die Hülle der Seite aggressiv cachebar, während personalisierte Elemente nachladen, ohne das erste Rendering zu blockieren.
Wer die Inhalte später pflegt
Astro ist CMS-agnostisch – es ist die Präsentationsschicht. Die Dokumentation formuliert die Arbeitsteilung sauber: Ein CMS hilft beim Schreiben der Inhalte, erzeugt aber nicht die Website, die sie darstellt. Daraus folgen zwei gangbare Wege. Entweder liegen die Inhalte als Markdown, MDX, Markdoc, JSON, YAML oder TOML im Repository und werden über Content Collections eingelesen – schlank und günstig, gut für technikaffine Teams und seltene Änderungen. Oder ein Headless CMS übernimmt die Redaktion mit Oberfläche, Vorschau und Rechten; dokumentierte Wege existieren unter anderem für Storyblok, Sanity, Contentful, Strapi, Payload, Directus, Prismic, DatoCMS, Hygraph, Keystatic, TinaCMS, Decap und WordPress im Headless-Betrieb.
Es gibt einen dritten Weg, der erst durch das typisierte Inhaltsmodell möglich wird: die Website im Chat pflegen. Weil eine Collection mit Zod-Schema maschinell adressierbar ist, kann ein KI-Agent strukturiert hineinschreiben – Text ändern, einen Beitrag anlegen, ein Bild tauschen, einen Preis korrigieren, per Nachricht statt per CMS-Sitzung. Das Schema ist dabei die Leitplanke: Ein Agent kann nur Felder füllen, die es gibt, in Formaten, die validieren. Jede Änderung läuft über einen nachvollziehbaren Commit und einen Deploy, also mit Historie, Review-Möglichkeit und Rollback. Wir setzen so etwas bereits produktiv ein – unser WhatsApp-KI-Agent läuft produktiv und belegt, dass Chat-Agenten bei uns Tagesgeschäft sind und keine Folienware. Wie das für eine Website aussieht, steht unter Website per Chat pflegen.
Und die Grenzen dazu gleich mit: Der Chat-Weg ersetzt kein Redaktionssystem für große Teams mit Freigabe-Workflows, er ergänzt es. Die redaktionelle Verantwortung bleibt beim Kunden – ein Agent schlägt vor und schreibt, er entscheidet nicht. Strukturelle Änderungen wie neue Seitentypen, Layout oder Navigation bleiben Entwicklungsarbeit. Und welcher Umfang freigegeben wird – welche Felder, welche Collections, welche Freigabestufe – wird pro Projekt festgelegt.
Wenn schon eine Website existiert
Die meisten Astro-Projekte sind keine grüne Wiese. Für den Wechsel zu Astro gibt es offizielle Migrations-Guides, unter anderem für Next.js, Gatsby, WordPress, Hugo, Jekyll, Eleventy, NuxtJS, SvelteKit, Create React App, Docusaurus, GitBook, Gridsome, Pelican und VuePress. Ehrlich dazugesagt: Die Dokumentation weist selbst darauf hin, dass viele dieser Seiten noch Stubs sind – ein Guide ersetzt keine Migrationsplanung.
Für Webflow und Framer gibt es keinen offiziellen Guide. Der Weg dorthin führt über Export beziehungsweise Auslesen der bestehenden Seiten und einen Neuaufbau in Astro-Komponenten. Das ist machbar und wird regelmäßig gemacht, aber es ist Neubau mit Inhaltsübernahme und nicht Knopfdruck. Wer den Aufwand realistisch einschätzen will, findet die Abläufe unter Migration zu Astro und die Kostenfaktoren unter Was eine Astro-Website kostet.
Unabhängig von der Ausgangsplattform gilt: Eine Migration ohne Redirect-Konzept und ohne Messung vorher und nachher ist ein Blindflug. Wir messen Sichtbarkeit und Ladezeiten im jeweiligen Projekt selbst – Feldwerte aus der echten Nutzerbasis sagen mehr als jede fremde Benchmark-Zahl.
Was danach an Pflege anfällt
Ein Astro-Projekt ist ein normales Software-Projekt mit Abhängigkeiten. Das ist kein Nachteil gegenüber gehosteten Plattformen, aber ein Unterschied: Niemand aktualisiert im Hintergrund für Sie. Konkret heißt Betrieb, dass Abhängigkeiten regelmäßig aktualisiert werden, dass Typprüfung und Build in der Continuous Integration laufen und dass Major-Upgrades geplant statt aufgeschoben werden – Sicherheits-Fixes gibt es nur für die aktuelle und genau eine vorherige Major-Version.
Wer das intern abdecken kann, braucht dafür niemanden. Wer es nicht kann, sollte es einplanen, bevor das Projekt startet und nicht, wenn ein Upgrade zwei Majors zurückliegt. Genau darum geht es bei Support und Wartung und, wenn mehrere Gewerke zusammenkommen, bei der IT-Projektleitung.
Wie lange dauert es, Astro zu lernen – und ein erstes Projekt zu bauen?
Zwei Fragen, die auf dieser Seite fast immer zusammen gestellt werden: Wie schnell kommt ein Team in Astro hinein, und wie lange läuft ein erstes echtes Projekt? Preise stehen hier nicht – die Kostentreiber sind einzeln aufgeschrieben unter Astro-Kosten. Über Zeit lässt sich dagegen vorher reden. Die folgenden Spannen sind unsere Einschätzung für die in Abschnitt 06 beschriebene Arbeitsweise – keine Branchenzahl und keine Zusage.
Einarbeitung: von der ersten Seite bis zur Selbstständigkeit
- Anschauen und eine erste Seite bauen: ein Nachmittag. Projekt anlegen, ein Layout, eine Seite, ein Markdown-Beitrag. Das beantwortet allerdings nur, ob Ihnen die Arbeitsweise liegt. Kompetenz ist es noch nicht.
- Aus React, Vue oder Svelte kommend: wenige Tage bis eine Woche bis zu den Kernkonzepten. Wirklich neu sind drei Dinge: die client-Direktiven und die vorgelagerte Frage, welche Komponente überhaupt Interaktivität braucht; die Unterscheidung zwischen vorgerenderten Routen und solchen, die zur Laufzeit rendern; und Content Collections samt Zod-Schema. Die Komponenten selbst sind HTML, CSS und TypeScript – Sie lernen kein zweites Programmiermodell.
- Aus WordPress oder klassischem PHP kommend: zwei bis vier Wochen, und der Aufwand liegt selten bei Astro. Dazu kommen Git, ein Build-Schritt, eine Deployment-Pipeline und die Umstellung von „Änderung im Admin“ auf „Änderung im Repository“. Wer diesen Weg gehen will, sollte ihn bewusst gehen – oder die Redaktion über ein Headless CMS von der Technik trennen und die Lernkurve auf die Entwicklungsseite beschränken.
- Technische Evaluierung mit einem echten Inhaltstyp: ein bis zwei Wochen. Ein Seitentyp, ein Collection-Schema, eine interaktive Insel, ein Deployment. Das ist die ehrlichste Art, diese Entscheidung zu treffen, weil sie an Ihren tatsächlichen Inhalten gelingt oder scheitert und nicht an einer Demo. Wenn Sie diesen Schritt begleitet haben wollen, ist das Astro-Beratung und noch kein Projekt.
Ein erstes Projekt: drei realistische Zuschnitte
Gerechnet ab Kickoff bis Go-live, nicht ab der ersten E-Mail. Die Reihenfolge der Arbeit ist die aus Abschnitt 06: erst das Inhaltsmodell, dann die Rendering-Entscheidung pro Route, dann die Frage, wer später pflegt.
- Fokussierte Website, drei bis fünf Seitentypen, Inhalte liegen vor: vier bis sechs Wochen. Eine Sprache, kein CMS, Formular und Analytics angebunden, alles vorgerendert. Schneller wird es nur, wenn Design und Texte bereits abgenommen sind.
- Unternehmens-Website mit laufendem Redaktionsbetrieb: acht bis zwölf Wochen. Sechs bis zwölf Seitentypen, Blog oder Wissensbereich, ein Headless CMS mit modellierten Inhaltstypen, Vorschau und Rollen, dazu ein bis zwei Integrationen. Der größte Einzelposten ist selten der Code, sondern das Inhaltsmodell.
- Relaunch mit Migration, mehreren Sprachen oder großem Archiv: vierzehn bis zwanzig Wochen. Bestandsaufnahme aller indexierten URLs, Weiterleitungskarte, Datenübernahme aus dem Altsystem, Abnahmen in mehreren Runden. Den Ablauf beschreibt die Migrations-Seite Schritt für Schritt.
Bewegt wird die Spanne von wenigen Variablen, und die Technik ist selten darunter: die Anzahl eigenständiger Seitentypen – nicht die Anzahl der Seiten, denn dreihundert Beiträge desselben Typs kosten kaum mehr als dreißig; ob Inhalte übernommen oder redaktionell neu geschrieben werden; ob ein CMS dazukommt und wer es befüllt; jede weitere Sprachfassung; jede Integration mit eigener Laufzeit, etwa CRM, Buchung oder Zahlung; und die Freigabezyklen auf Ihrer Seite.
Der häufigste Verzögerungsgrund steht in keiner dieser Zeilen. Es sind Inhalte und Abnahmen. Wenn Texte, Bilder und Zugänge bereitstehen und Rückmeldungen binnen weniger Arbeitstage kommen, hält der Plan. Wenn zwei Abstimmungsrunden pro Vorlage nötig sind, sind das Wochen und keine Tage – das ist der am häufigsten unterschätzte Posten in Website-Projekten, unabhängig vom Framework.
Wie ein solches Projekt bei uns abläuft, welche Schritte wir gehen und wann wir von Astro abraten, steht auf der Leistungsseite Astro Agentur. Wer eine Zahl statt einer Spanne braucht, bekommt sie nach dem Erstgespräch – zusammen mit den Annahmen, auf denen sie beruht.
Was die Einarbeitung verkürzt
Vorhandenes Wissen in HTML, CSS und TypeScript – mehr ist für den Anfang nicht nötig. Bestehende React-, Vue- oder Svelte-Komponenten lassen sich als Inseln weiterverwenden, statt sie neu zu schreiben. Und eine klare Ansage, welche Teile der Seite überhaupt interaktiv sein müssen.
Was die Projektspanne nach oben zieht
Jeder zusätzliche Seitentyp. Neu geschriebene statt migrierte Inhalte. Jede weitere Sprache samt hreflang-Logik. Ein Inhaltsmodell, das erst entstehen muss. Routen mit On-Demand-Rendering und dem passenden Adapter. Und Freigaben, die durch mehrere Gremien laufen.
Wenn mehrere Gewerke zusammenkommen
Sobald Agentur, interne IT, Redaktion und ein Fremdsystem gleichzeitig beteiligt sind, entscheidet die Koordination über den Termin, nicht der Code. Auf Wunsch übernehmen wir die IT-Projektleitung mit.
Astro auf einen Blick – Architektur, ehrlich sortiert.
Acht architektonische Dimensionen, jede mit ihrer Einschränkung daneben. Keine Vorteilsliste: Was Astro gut macht, macht es an anderer Stelle unbequem, und genau das gehört in eine Entscheidung. Die letzte Zeile ist unsere Meinung, klar als solche gekennzeichnet.
| Kriterium | Wie es mit Astro aussieht | Die Einschränkung dazu |
|---|---|---|
| Grundarchitektur | Multi-Page-Architektur mit Server-Rendering als Standard – ausdrücklich kein Single-Page-App-Modell. Jede Adresse hat ihr eigenes HTML-Dokument, der Browser übernimmt die Navigation. | Für Produkte, die sich wie Programme verhalten – Rollen, Dashboards, Echtzeitdaten, viel Zustand im Browser – ist das die falsche Grundform. Dafür ist individuelle Softwareentwicklung der Weg. |
| Standard-Auslieferung | Standardmäßig wird die gesamte Website vorgerendert und als statisches HTML ausgeliefert. Aus Komponenten entfernt Astro sämtliches clientseitige JavaScript, solange keins angefordert wird. | Tempo ist damit nicht gesichert, nur begünstigt. Wer auf jeder Seite eine schwere Insel sofort hydratisiert, gibt den Vorteil wieder ab – die Architektur ersetzt keine Disziplin. |
| Interaktivität | Islands Architecture: eine Insel ist eine aufgewertete UI-Komponente auf einer ansonsten statischen Seite. Ladepriorität pro Komponente über client:load, client:idle oder client:visible; Server Islands rendern über server:defer serverseitig nach. | Das Modell verliert seinen Sinn, sobald fast jede Komponente interaktiv wäre. Und jede Insel ist eine eigene Entscheidung: Wo niemand sie trifft, entstehen still dieselben Bundles wie in einer Single-Page-App. |
| Dynamik zur Laufzeit | On-Demand-Rendering wird pro Route eingeschaltet – über export const prerender = false oder umgekehrt mit output: "server". Dafür braucht das Projekt einen Adapter für die Ziellaufzeit; offiziell gepflegt sind unter anderem Node, Vercel und Cloudflare. | Sobald eine Route zur Laufzeit rendert, brauchen Sie eine Laufzeitumgebung: laufende Kosten, ein Bauteil mehr im Monitoring und eine Komponente, die ausfallen kann. Der rein statische Build hat diese Klasse von Problemen nicht. |
| Inhaltsmodell | Content Collections beschreiben pro Inhaltstyp ein Schema, validiert mit Zod, mit automatisch abgeleiteten TypeScript-Typen, Abfragen wie getCollection() und eingebautem Caching für tausende Einträge. Alternativ liefert ein Headless CMS die Inhalte über eine API. | Die Modellierung passiert vorne, nicht nebenbei. Ein Schema später umzubauen ist Entwicklungsarbeit, kein Klick in einer Oberfläche – und einen visuellen Seiten-Baukasten bringt Astro nicht mit. |
| UI-Ökosystem | Framework-agnostisch: offizielle Integrationen für React, Preact, Svelte, Vue, SolidJS und Alpine.js. Bestehende Komponenten lassen sich übernehmen, statt sie neu zu schreiben. | Mehrere Frameworks auf einer Seite sind erlaubt, aber nur innerhalb einer .astro-Datei – und jedes zusätzliche bringt seine eigene Laufzeit in den Browser. Die Freiheit ist echt; sparsam damit umzugehen bleibt Ihre Aufgabe. |
| Eingebaute Werkzeuge | TypeScript ist eingebaut mit den Presets base, strict und strictest. Die Bildoptimierung ist eingebaut: <Image /> setzt alt, loading und decoding und leitet Maße ab, <Picture /> erzeugt mehrere Formate. View Transitions liefert <ClientRouter /> mit. | Der Entwicklungsserver prüft keine Typen – ohne astro check in der Continuous Integration ist das Sicherheitsnetz theoretisch. Bilder in public/ umgehen die Verarbeitung komplett, Remote-Bilder müssen freigegeben werden, und View Transitions sind Opt-in mit etwas Client-JavaScript. |
| Reife & Versionierung | Quelloffen unter MIT-Lizenz, entwickelt im öffentlichen Repository withastro/astro, aktuell in der Astro-7-Linie. Astro folgt Semantic Versioning; Sicherheits-Fixes gibt es für die aktuelle und genau eine vorherige Major-Version. | Der Rhythmus ist zügig: Astro 6.0 wurde im März 2026 stabil, Astro 7.0 folgte im Juni 2026. Major-Upgrades gehören damit als wiederkehrende kleine Aufgabe in den Betrieb – siehe Astro-Upgrade. |
| Unsere Einschätzung | Für alles, was in erster Linie gelesen wird, halten wir Astro derzeit für die vernünftigste Grundlage. Nicht wegen fremder Benchmarks, sondern wegen der Voreinstellung: Was nicht ausgeliefert wird, muss auch nicht ausgeführt werden. Der teuerste Fehler dieser Projektgattung – ein Anwendungs-Framework für eine Broschüren-Website – passiert hier architektonisch gar nicht erst. | Wir raten ab, wenn im Haus niemand mit Git und Deployments arbeiten will und keine Betreuung eingeplant ist; dann ist Webflow der ehrlichere Vorschlag, und das bauen wir selbst. Ebenso ab, wenn hinter der Seite in Wahrheit ein Produkt mit Login steckt – dann bauen Sie eine Anwendung und keine Website. |
Häufige Fragen zu Astro.
Kann Astro auch dynamische Inhalte, oder ist das nur etwas für statische Seiten?
Beides, und die Entscheidung fällt pro Route. Standard ist Prerendering: Die gesamte Website wird beim Build erzeugt und als statisches HTML ausgeliefert. Eine einzelne Route rendert über export const prerender = false zur Laufzeit; mit output: "server" dreht sich der Standard um und einzelne Seiten kommen über prerender = true zurück. Für dynamische Teile innerhalb einer ansonsten statischen Seite gibt es Server Islands, die über server:defer serverseitig nachgerendert werden – die Hülle bleibt cachebar, das personalisierte Element lädt nach.
Braucht eine Astro-Website einen Server?
Nicht zwingend. Standardmäßig wird die gesamte Website vorgerendert, und statische HTML-Seiten gehen an den Browser – das läuft auf jedem statischen Hosting oder CDN. Sollen einzelne Routen zur Laufzeit rendern, wird dort On-Demand-Rendering eingeschaltet und ein Adapter für die Ziellaufzeit ergänzt. Offiziell gepflegt sind unter anderem die Adapter für Node, Vercel und Cloudflare. Welches Modell für Ihr Projekt sinnvoll ist, steht unter Astro-Hosting.
Braucht Astro JavaScript?
Zum Bauen ja: Astro ist ein JavaScript-Framework und läuft beim Build in einer JavaScript-Umgebung. Im Browser sieht es anders aus. Standardmäßig entfernt Astro sämtliches clientseitige JavaScript aus Komponenten. Was im Browser laufen soll, fordern Sie pro Komponente ausdrücklich über eine client-Direktive an. Eine Seite ohne interaktive Inseln kommt ohne Framework-JavaScript beim Nutzer an.
Was sind Astro Islands?
Eine Insel ist eine aufgewertete UI-Komponente auf einer ansonsten statischen HTML-Seite – der Begriff stammt aus dem Astro-Projekt selbst. Es gibt zwei Arten: Client Islands sind interaktive Komponenten, die im Browser einzeln hydratisieren, gesteuert über client:load, client:idle oder client:visible. Server Islands werden über server:defer serverseitig unabhängig gerendert, 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 in einem Projekt kombinieren, allerdings nur innerhalb einer .astro-Datei – laut Dokumentation können nur Astro-Komponenten Komponenten aus mehreren Frameworks enthalten. Ohne client-Direktive wird Ihre React-Komponente serverseitig gerendert und kommt als reines HTML an. Bestehende Komponenten lassen sich damit häufig übernehmen, statt sie neu zu schreiben.
Ist Astro gut für SEO?
Die technischen Voraussetzungen sind gut. Standardmäßig wird die Website vorgerendert und als statisches HTML ausgeliefert – Inhalte stehen also im ausgelieferten Dokument und nicht erst nach der Hydratisierung. Die eingebaute Bildoptimierung leitet Maße ab und vermeidet dadurch Layout-Shift. Rankings entstehen trotzdem aus Inhalt, Struktur und Verlinkung. Was eine bestehende Seite wirklich bremst, zeigt ein SEO Audit.
Was ist der Unterschied zwischen Astro und Next.js?
Der Unterschied ist architektonisch. Astro ist eine Multi-Page-Architektur mit Server-Rendering als Standard und entfernt clientseitiges JavaScript, solange keins angefordert wird. Next.js bringt das App-Modell mit, das eingeloggte Bereiche, Dashboards und viel Zustand im Browser voraussetzen. Faustregel: Je mehr Ihr Projekt eine Website ist, desto eher Astro; je mehr es eine Anwendung ist, desto eher Next.js. Ausführlich unter Astro vs. Next.js.
Worin unterscheidet sich Astro von einem Static-Site-Generator wie Hugo oder Jekyll?
In der Voreinstellung sind sie sich nah: Alle drei erzeugen statisches HTML, das auf jedem CDN liegen kann. Der Unterschied liegt daneben. Astro bringt ein Komponentenmodell mit, in dem interaktive Inseln in React, Preact, Svelte, Vue, SolidJS oder Alpine.js geschrieben werden, ein typisiertes Inhaltsmodell über Content Collections mit Zod – und die Möglichkeit, einzelne Routen zur Laufzeit rendern zu lassen. Hugo und Jekyll sind dafür schlanker, haben keine JavaScript-Toolchain im Rücken und sind für rein statische Dokumentation oder Blogs weiterhin eine gute Wahl. Offizielle Migrations-Guides nach Astro existieren für beide.
Wofür ist Astro schlecht geeignet?
Für vier Fälle, und wir nennen sie lieber vorher. Erstens eingeloggte Anwendungen mit Rollen, Echtzeitdaten und viel Zustand im Browser – da ist ein App-Framework die richtige Grundlage. Zweitens Seiten, auf denen fast jede Komponente interaktiv wäre; dann verliert die Islands Architecture ihren Sinn. Drittens Vorhaben, die vor allem auf ein Plugin-Ökosystem angewiesen sind, etwa Shop, Mitgliederbereich oder Buchung, ohne dass jemand Code anfassen möchte. Und viertens Teams, die Layouts visuell selbst bauen wollen: Dafür ist Webflow das passendere Werkzeug, und wir bauen das ebenfalls.
Wie ausgereift ist Astro, und wie stabil ist der Release-Rhythmus?
Astro ist seit 2021 öffentlich und folgt Semantic Versioning. Die aktuelle Major-Linie ist Astro 7. Der Rhythmus ist zügig: Astro 6.0 wurde im März 2026 stabil, Astro 7.0 folgte im Juni 2026 – zwei Major-Versionen innerhalb eines Jahres. Wichtig für die Planung: Extended Maintenance mit Sicherheits-Fixes gibt es für genau eine vorherige Major-Version. Daraus folgt kein Drama, aber eine Betriebsentscheidung: Major-Upgrades gehören als wiederkehrende kleine Aufgabe eingeplant, nicht alle drei Jahre als Großprojekt. Wie das aussieht, steht unter Astro-Upgrade.
Findet man Entwicklerinnen und Entwickler für Astro?
Ein Stück weit schwerer als für WordPress oder React, und das sagen wir offen: Es gibt weniger Lebensläufe mit „Astro“ darin. Der Aufwand ist trotzdem kleiner, als es klingt, weil Astro-Komponenten HTML, CSS und TypeScript sind und interaktive Inseln in React, Preact, Svelte, Vue, SolidJS oder Alpine.js geschrieben werden. Sie stellen also aus dem allgemeinen JavaScript-Markt ein und nicht aus einem Astro-Markt. Zum Ökosystem gehört auch die ehrliche Seite: Es gibt keinen Plugin-Marktplatz wie bei WordPress, und die Dokumentation weist selbst darauf hin, dass manche Migrations-Guides noch Stubs sind.
Lohnt sich Astro für eine kleine Website mit fünf Seiten?
Nicht automatisch. Wenn fünf Seiten dauerhaft fünf Seiten bleiben, sich selten ändern und niemand im Haus mit Git arbeiten will, ist ein visuelles Werkzeug schneller und günstiger am Ziel – dann schlagen wir Webflow vor. Astro rechnet sich, sobald sich Seitentypen wiederholen, ein Blog oder Wissensbereich dazukommt, Inhalte aus einer strukturierten Quelle stammen, Ladezeit und Auffindbarkeit geschäftlich zählen – oder Sie Repository, Hosting und Domain vollständig in eigener Hand behalten wollen.
Kann ich eine bestehende Website nach Astro umziehen?
In der Regel ja. Offizielle Migrations-Guides existieren unter anderem für WordPress, Next.js, Gatsby, Hugo, Jekyll, Eleventy, NuxtJS, SvelteKit und Docusaurus – die Dokumentation weist allerdings selbst darauf hin, dass viele davon noch Stubs sind. Für Webflow und Framer gibt es keinen offiziellen Guide; dort ist der Weg Export beziehungsweise Auslesen und Neuaufbau. Ablauf und Risiken: Migration zu Astro.
Unser Marketing will Seiten selbst veröffentlichen, ohne auf einen Sprint zu warten – geht das?
Ja, über drei kombinierbare Wege. Ein Headless CMS mit Oberfläche, Vorschau und Rechten für alle, die täglich redigieren. Content Collections mit Markdown im Repository, wenn Inhalte selten und strukturiert entstehen. Oder Pflege per Chat: Weil das Zod-Schema maschinell adressierbar ist, kann ein Agent nur Felder füllen, die es gibt, in Formaten, die validieren – Text ändern, Beitrag anlegen, Bild tauschen als Nachricht statt als CMS-Sitzung, mit Commit, Vorschau und Rollback. Dass Chat-Agenten bei uns Tagesgeschäft sind, belegt unser eigener WhatsApp-KI-Agent. Was der Weg nicht ersetzt: Freigabe-Workflows großer Redaktionen und strukturelle Layout-Änderungen.
Können wir ein Astro-Projekt später intern weiterentwickeln oder die Agentur wechseln?
Ja, und das ist einer der Gründe für diese Bauweise. Astro ist quelloffen unter der MIT-Lizenz; es gibt keine Lizenz, keinen proprietären Editor und keinen Baustein, der an einen Dienstleister gebunden wäre. Was Sie dafür brauchen: jemanden, der mit HTML, CSS, JavaScript und Git arbeitet, das Repository mit vollständiger Historie, dokumentierte Build- und Deployment-Schritte und eine überschaubare Komponentenbibliothek statt hundert Einzelseiten. Ein Wechsel bleibt unangenehm, aber er ist Einarbeitung und keine Neuentwicklung.
Wer haftet, wenn nach dem Launch etwas kaputt ist?
Wir – für das, was wir gebaut haben und was nicht so funktioniert, wie es vereinbart war. Das reparieren wir im Rahmen der gesetzlichen Gewährleistung ohne neue Rechnung. Davon zu trennen ist der Änderungswunsch: Eine neue Funktion oder ein neuer Seitentyp ist eine Beauftragung und kein Mangel. In welche der beiden Kategorien eine Meldung fällt, sagen wir, bevor wir anfangen, nicht hinterher. Feste Reaktions- und Wiederherstellungszeiten gehören schriftlich in eine Wartungsvereinbarung, wenn Ihr Einkauf sie braucht.
Unsere IT-Sicherheit fragt nach der Angriffsfläche einer Astro-Website. Was sagen wir ihr?
Dass die klassische Angriffsfläche einer Content-Website hier weitgehend entfällt. Eine vorgerenderte Astro-Seite hat im Auslieferungspfad keine Datenbank, kein Admin-Login und kein Plugin-Ökosystem – der übliche Weg über eine verwundbare Erweiterung existiert damit nicht. Was bleibt und wirklich geprüft gehört: Rechte auf Repository und Build-Pipeline, Herkunft der npm-Abhängigkeiten, Formular- und API-Endpunkte, jede Route mit On-Demand-Rendering samt ihrer Laufzeitumgebung, ein Headless CMS als eigenes System mit eigener Anmeldung sowie Domain- und Hosting-Konten. Wir arbeiten mit Zwei-Faktor-Pflicht, minimalen Rechten und regelmäßigen Abhängigkeits-Updates.
Wie steht es um DSGVO, Hosting-Standort und Auftragsverarbeitung?
Astro ist ein Framework und verarbeitet selbst keine personenbezogenen Daten – die Frage entscheidet sich an Hosting, Formularen, Analytics und CMS. Ein statischer Build lässt sich bei einem Anbieter in der EU oder in Deutschland betreiben. Schriften binden wir selbst ein statt über fremde Server, für Analytics gibt es Varianten ohne Cookies, und der Formular-Endpunkt wird bewusst gewählt statt mitgeliefert. Wir benennen jeden eingesetzten Dienstleister, damit Ihr Datenschutzbeauftragter die Verträge zur Auftragsverarbeitung schließen kann. Rechtsberatung leisten wir nicht; die Freigabe bleibt bei Ihnen. Mehr dazu: DSGVO-konforme Website.
Sie haben keine öffentliche Astro-Referenz. Warum sollten wir Ihnen ein Projekt zutrauen?
Weil wir das lieber so sagen, als eine zu erfinden. Ein öffentlich zeigbares Astro-Kundenprojekt haben wir bislang nicht. Was wir haben: eine gebaute und betreute Webflow-Referenz, eigene Produkte, die wir selbst entwickelt und veröffentlicht haben, und Jahre Software-Entwicklung mit Repository, Continuous Integration und Betrieb. Das Framework ist der kleinere Teil dieser Arbeit. Prüfen können Sie uns günstig: Die Ersteinschätzung kostet nichts, das Repository gehört Ihnen ab Tag eins, und gemessen wird vor und nach dem Launch in Ihrem eigenen Projekt.
Ist Astro kostenlos?
Ja. Astro ist quelloffene Software unter der MIT-Lizenz; für das Framework selbst fällt keine Lizenzgebühr und kein Sitzplatzpreis an, auch kommerziell nicht. Kosten entstehen bei Entwicklung, Inhalten, Hosting und Betrieb – und, falls Sie eines einsetzen, beim Headless CMS.
Wer steckt hinter Astro?
Ein quelloffenes Projekt, das öffentlich im Repository withastro/astro entwickelt wird. Die MIT-Lizenz weist das Copyright von 2021 auf Fred K. Schott aus. Gepflegt und weiterentwickelt wird Astro von einem Kernteam und einer Community aus Beitragenden, aktuell in der Astro-7-Linie.
Welche UI-Frameworks unterstützt Astro?
Offizielle Integrationen gibt es für React, Preact, Svelte, Vue, SolidJS und Alpine.js. Mehrere davon dürfen auf derselben Seite vorkommen, allerdings nur innerhalb einer .astro-Datei – laut Dokumentation können nur Astro-Komponenten Komponenten aus mehreren Frameworks enthalten.
Kann Astro einen Blog?
Ja, das ist einer der Fälle, für die es gebaut wurde. Beiträge liegen als Markdown, MDX oder Markdoc in einer Content Collection mit Zod-Schema, Abfragen laufen typsicher über getCollection(), und das eingebaute Caching ist ausdrücklich für Sammlungen mit tausenden Einträgen gedacht.
Heißt es Astro oder Astro.js?
Der offizielle Name ist schlicht Astro. Gesucht wird trotzdem oft nach „Astro JS“ oder „Astro.js“, weil es ein JavaScript-Framework ist und viele Frameworks diese Schreibweise tragen. Gemeint ist dasselbe Projekt – ein Zusatz wie „Framework“ in der Suche spart Zeit, weil „Astro“ online stark von Astrologie-Angeboten belegt ist.
Sie wissen jetzt, was Astro ist.
Ob es zu Ihrem Vorhaben passt, ist die nächste Frage – und die beantwortet sich nicht am Framework, sondern an Ihrem Inhaltsmodell, Ihrem Redaktionsalltag und Ihrer Ausgangsplattform. Auf der Leistungsseite steht, wie wir mit Astro arbeiten, was ein Projekt umfasst und wann wir davon abraten.
Noch Fragen zu Astro?
Schreiben Sie kurz, worum es geht. Sie bekommen eine verständliche Antwort ohne Fachchinesisch – auch dann, wenn am Ende ein anderes Werkzeug die bessere Wahl ist.
Fragen zu Astro?
Kurz beschreiben, was Sie vorhaben – wir antworten mit einer ehrlichen Einordnung, nicht mit einem Angebot.
Antwort in der Regel innerhalb von 24 Stunden.
Remote & vor Ort – DACH-weit tätig (DE, AT, CH), internationale Projekterfahrung inklusive.
Vom Grundlagenwissen zur Umsetzung.
Astro Agentur
Leistungen, Vorgehen und ehrliche 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