Landing pages & site templates

AstroWind

Kostenlose, MIT-lizenzierte Astro- und Tailwind-CSS-Vorlage für Marketing-Website und Blog

arthelokyo/astrowindAstro5,887 as of 2026-08-19
By Jake Luo · Published 19. Aug. 2026

AstroWind ist eine kostenlose, MIT-lizenzierte Website-Vorlage auf Basis von Astro 7 und Tailwind CSS 4, mit 5.887 GitHub-Sternen im August 2026. Ein einziger Befehl erzeugt eine Marketing-Website samt Blog, die statisches HTML ausgibt, ihre eigene Sitemap erzeugt, Open-Graph-Tags und einen RSS-Feed ausliefert und eine Google-Analytics-Kennung aus einer einzigen YAML-Konfigurationsdatei übernimmt. Damit ist die Bau-Hälfte eines Launches solide abgedeckt. Nicht abgedeckt ist die Hälfte, die darüber entscheidet, ob überhaupt jemand kommt: was Sie darauf veröffentlichen und wem Sie davon erzählen.

Was AstroWind tatsächlich mitbringt

AstroWind (github.com/arthelokyo/astrowind) ist ein Starter-Theme, kein Framework und kein gehostetes Produkt: Sie erzeugen eine Kopie, bearbeiten sie, und das Ergebnis gehört Ihnen. Es ist MIT-lizenziert und hat neben seinen Sternen 1.659 Forks, was bei einer Vorlage die aussagekräftigere Zahl ist — Forks sind Menschen, die tatsächlich eine Website damit begonnen haben. Das Repository bezeichnet sich selbst als das meistgesternte und meistgeforkte Astro-Theme der letzten vier Jahre; das ist die Angabe des Maintainers und nichts, was wir überprüft haben. Aus README und Konfiguration ergibt sich folgender Lieferumfang:

  • Statische Ausgabe als Standard Die Vorlage nutzt Astros statischen Build, ein Deployment ist also ein Ordner mit HTML-Dateien. Deshalb halten ihre Performance-Werte auch ohne Feinabstimmung, und für die Suche ist das relevant: Die Tags, die ein Crawler braucht, stehen im HTML, das der Server ausliefert, und werden nicht erst nachträglich von einem Skript zusammengesetzt.
  • Ein fertig verdrahteter Blog Beiträge in Markdown und MDX, Kategorien und Tags, Seitennummerierung, verwandte Beiträge, Teilen-Funktionen und ein RSS-Feed. Permalinks sind konfigurierbar, und Kategorien, Tags sowie die Übersichtsseite lassen sich einzeln abschalten oder umbenennen.
  • SEO-Grundinstallation Eine aus Ihren Routen erzeugte Sitemap, Open-Graph- und Twitter-Card-Metadaten, eine Titelvorlage sowie index- und follow-Schalter je Bereich — alles in einer einzigen `src/config.yaml` statt über Komponenten verteilt.
  • Bildverarbeitung Astros native responsive Bilder plus Unpic als universelles Bild-CDN, sodass Bilder zur Build-Zeit optimiert werden, statt so ausgeliefert zu werden, wie Sie sie abgelegt haben.
  • Theming mit Tailwind CSS 4 Farben und Schriften liegen als CSS-Variablen in `CustomStyles.astro`, die Theme-Tokens in `tailwind.css` — entsprechend der CSS-zentrierten Konfiguration von Tailwind 4. Dunkelmodus und Rechts-nach-links-Layouts sind ab Werk dabei.
  • Ein Analytics-Feld, standardmäßig leer Die Konfiguration enthält ein Feld für eine Google-Analytics-Kennung mit dem Wert null. Es auszufüllen ist eine Zeile; zu prüfen, ob danach tatsächlich gemessen wird, ist eine eigene Aufgabe — und genau darum geht es im nächsten Abschnitt.

Wird sie gepflegt?

Bei jeder Vorlage eine Prüfung wert, denn eine aufgegebene bindet Sie unbemerkt an eine alte Framework-Version. Die Commit-Historie von AstroWind im August 2026 ist substanziell und nicht bloß Kosmetik: Eine Arbeitsserie am 8. August übernahm Astros native Fonts-API und Viewport-Prefetching, stellte die Bildverarbeitung auf Astros eigene responsive Bilder um, ersetzte ein monolithisches Skriptbündel durch Web Components, aktivierte striktes TypeScript und entfernte toten Code. Die Abhängigkeiten wanderten am 4. August auf Astro 7, und im Frühsommer gab es eine Modernisierung der Continuous Integration sowie Korrekturen an der Typstrenge. Sie verlangt eine aktuelle Node-Version, und die getaggten Releases hinken dem Hauptzweig hinterher — was Sie aus der Vorlage erzeugen, ist also neuer als das jüngste Tag.

Was eine Vorlage nicht für Sie erledigen kann

Eine Vorlage nimmt Ihnen die Woche ab, die Sie für Layout, responsives Verhalten und Meta-Tags gebraucht hätten. Sie nimmt Ihnen nicht den Grund, aus dem die meisten Gründer-Websites still bleiben: Eine technisch hervorragende Seite über ein Produkt, nach dem niemand sucht, bekommt weiterhin keine Besucher. AstroWind erzeugt eine Sitemap; entscheiden, was hineingehört, kann es nicht. Es rendert, was Sie schreiben, in schnelles, crawlbares HTML; das Urteil darüber, welche Seiten sich zu schreiben lohnen, bleibt bei Ihnen — und dieses Urteil macht den größten Teil des Ergebnisses aus.

Die ehrliche Reihenfolge für eine neue Website: Die Vorlage kauft Ihnen Tempo bei den mechanischen Teilen, und danach ändert die Arbeit vollständig ihren Charakter — die Fragen auswählen, die Ihre Käufer tatsächlich eintippen, dazu etwas Besseres veröffentlichen als das, was dort bereits rankt, und die ersten Links und Erwähnungen verdienen. Wenn Sie bei null anfangen, ist SEO für eine brandneue Website der ehrliche Zeitplan, und Besucher in Anmeldungen zu verwandeln ist der Teil, der entscheidet, ob Traffic überhaupt etwas wert ist, sobald er ankommt. Schema-Markup zusätzlich zu dem einzubauen, was die Vorlage ohnehin ausgibt, ist günstig und hilft KI-Systemen, Sie korrekt zu zitieren.

Für genau diese Distributionshälfte ist AgentCeres — der AI Growth Officer — gebaut. Es ist ein betreutes KI-Marketingteam, das Ihren Markt recherchiert, Inhalte und Ansprache entwirft und ausgehende Arbeit zur Freigabe vorlegt, bevor irgendetwas veröffentlicht wird. Es ergänzt eine Vorlage wie AstroWind, statt mit ihr zu konkurrieren: Die Vorlage liefert die Website, das Team liefert einen Grund, sie zu besuchen. Wie das funktioniert, sehen Sie auf agentceres.com.

Prüfen Sie, ob die Website misst, bevor Sie ihren Zahlen trauen

Das ist eine Lehre aus erster Hand und kein Rat speziell zu AstroWind; sie gilt für jede Vorlage mit einem Analytics-Feld. Wir bauen und hosten Landingpages für unsere eigenen Kunden, und diese veröffentlichten Seiten werden unter einer strengen Content-Security-Policy ausgeliefert. Als wir die Funktion ausgerollt haben, fügten wir jeder Seite ein kleines Analytics-Skript-Tag hinzu. Das Tag stand im HTML, die Seite sah einwandfrei aus, und der Zähler stand auf null. Nichts lieferte dieses Skript aus — die Anfrage lief bei jedem Aufruf, auf jeder Seite, tagelang in einen 404. Aufgefallen ist es uns nur, weil eine selbstbewusste, unbewegte Null verdächtiger ist als eine niedrige Zahl. Gezählt wird inzwischen serverseitig, nachdem die Seite tatsächlich ausgeliefert wurde.

Die übertragbare Regel: Ein Tag im Quelltext ist nicht dasselbe wie ein Tag, das misst. Dieselbe Policy hat still zwei weitere Dinge zerstört, die lokal einwandfrei aussahen — ein extern gehostetes Bild und ein Webfont-Stylesheet von einer fremden Domain —, weil die Regeln der Hosting-Schicht für die ausgelieferte Seite gelten und nicht für die Kopie auf Ihrem Laptop. Öffnen Sie nach dem Deployment einer Vorlage die Live-URL mit geöffnetem Netzwerk-Tab und bestätigen Sie, dass die Analytics-Anfrage einen Status 200 zurückgibt, dass Ihre Bilder von der ausgelieferten Domain laden und dass der Quelltext Titel, Beschreibung und Canonical innerhalb des head-Elements zeigt.

Prüfungen nach dem Deployment, die fünf Minuten wert sind
  • Quelltext der Live-URL ansehen und bestätigen, dass Titel, Beschreibung, Canonical und Open-Graph-Tags im head-Element stehen.
  • Die ausgelieferte Seite mit geöffnetem Netzwerk-Tab laden: Jede Anfrage sollte 200 zurückgeben, insbesondere die für Analytics.
  • /sitemap-index.xml abrufen und prüfen, ob sie die erwarteten Seiten enthält; danach in der Search Console einreichen.
  • Die Live-URL durch einen Geschwindigkeitstest schicken, statt dem Screenshot der Vorlage zu vertrauen; Ihre Bilder und Schriften sind nicht die der Demo.
  • Die Google-Analytics-Kennung in der Konfiguration setzen oder das Feld entfernen — ein leeres Analytics-Feld bedeutet, dass überhaupt nichts erfasst wird.

FAQ

Ist AstroWind kommerziell kostenlos nutzbar?
Ja. Das Repository ist MIT-lizenziert, was kommerzielle Nutzung, Veränderung und Weitergabe erlaubt, solange Lizenz- und Urheberrechtshinweis erhalten bleiben. Sie müssen AstroWind auf Ihrer Website nicht sichtbar nennen, und es gibt keine kostenpflichtige Stufe, die Funktionen innerhalb der Vorlage sperrt.
Muss ich Astro können, um sie zu nutzen?
Für eine Marketing-Website weniger, als Sie vielleicht erwarten. Das meiste, was ein Gründer ändert, liegt in einer einzigen YAML-Konfigurationsdatei und in Markdown- oder MDX-Inhaltsdateien; beides setzt keine Framework-Kenntnisse voraus. Die Seitenabschnitte selbst zu bearbeiten bedeutet, .astro-Komponenten anzufassen, die sich wie HTML mit einem JavaScript-artigen Kopfblock lesen. Die Vorlage nutzt bewusst sehr wenig clientseitiges JavaScript und überlässt Ihnen die Wahl zwischen React, Vue oder Svelte, falls Sie später interaktive Teile brauchen.
Schadet eine solche Vorlage meiner SEO, weil andere Websites sie ebenfalls nutzen?
Nein — Suchmaschinen bewerten Seiten nach Inhalt, Links und Nutzungserlebnis, nicht danach, ob das Layout mit anderen Websites geteilt wird. Tausende Websites laufen auf denselben verbreiteten Themes und ranken einwandfrei. Schädlich ist, mit noch vorhandenen Demo-Inhalten zu starten, mit einer Platzhalter-Beschreibung auf jeder Seite oder mit einem Open-Graph-Bild, das immer noch dem Vorlagen-Autor gehört. Das sind Inhaltsprobleme, die zufällig mit einer Vorlage ankommen, und keine Strafe für deren Nutzung.
Worin unterscheidet sie sich von einem visuellen Website-Baukasten?
AstroWind ist Quellcode, der Ihnen gehört und den Sie überall ausliefern können, bearbeitet im Texteditor und versioniert in Git — passend für technische Gründer, die keinen Anbieter dazwischen wollen. Ein visueller Baukasten tauscht diesen Besitz gegen ein Bearbeitungserlebnis im Browser, das auch nicht-technische Kolleginnen und Kollegen ohne Deployment nutzen können. Wenn jemand aus dem Marketing Texte ändern soll, ohne einen Pull Request zu öffnen, ist der Baukasten meist der freundlichere Weg.
Related projects
WebstudioQuelloffener visueller Website-Baukasten — eine Webflow-Alternative zum SelbsthostenNext SEOMIT-lizenzierte React-Komponenten für strukturierte Daten in Next.js-ProjektenSatoriVercels quelloffene Bibliothek, die JSX und CSS in SVG verwandelt — die Engine hinter dynamischen Open-Graph-BildernSaaS BoilerplateEin kostenloses Open-Source-Next.js-SaaS-Starter-Kit mit Authentifizierung, Multi-Tenancy, Rollen und Berechtigungen, i18n und einer Landingpage — gebaut mit Tailwind CSS, Shadcn UI und TypeScript

You built it. Now grow it.

AgentCeres is a managed AI marketing team — specialists draft the SEO, social, and outreach that fill your links, you approve what ships. 14-day free trial, from $39/month.

Start free trialMore projects