Astro Website Entwicklung: schnelle Websites, die Ihrem Team gehören.
Astro Website Entwicklung von der Informationsarchitektur bis zu Deployment und Übergabe, für Neubauten und Relaunches. Am Ende gehören Ihnen Website, Repository und Content-Modell.
Statisch als Standard
Astro rendert serverseitig und liefert vorgerendertes HTML aus. Client-JavaScript kommt nur dort hinzu, wo es gebraucht wird.
Inhalte als Datenmodell
Content Collections mit Zod-Schema: validiert, typisiert und über eine Query-API abfragbar.
Alles auf Ihren Konten
Repository, Hosting-Account, Domain und CMS-Zugänge laufen auf Ihren Namen.
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.
Was bei einer Astro-Website tatsächlich gebaut wird.
-
Informationsarchitektur vor dem ersten Pixel
Wir legen zuerst fest, welche Seitentypen es gibt und wie die URL-Struktur aussieht. Daraus werden in Astro Routen und Layouts.
Mehr dazu
Wer diese Struktur später ändert, ändert Weiterleitungen und nicht bloß Menüpunkte. Bei einem Relaunch entsteht die Redirect-Liste deshalb schon hier, Zeile für Zeile, alte URL auf neue.
-
Content Collections als Inhaltsmodell
Was strukturiert wiederkehrt, wird eine Content Collection mit Zod-Schema. Jeder Eintrag wird beim Build validiert und über getCollection() abgefragt.
Mehr dazu
Ein Tippfehler im Frontmatter bricht dann den Build und nicht die Live-Seite. Ob ein Headless CMS dazukommt oder Markdown im Repository genügt, entscheiden wir vor dem Build. Die Optionen stehen unter CMS für Astro.
-
Islands nur, wo Interaktion gebraucht wird
Standardmäßig entfernt Astro sämtliches clientseitige JavaScript aus Komponenten. Der Konfigurator bekommt es zurück, der Textabschnitt darüber nicht.
Mehr dazu
client:load für das, was sofort reagieren muss, client:idle für Unkritisches, client:visible für alles unterhalb des ersten Bildschirms. Dazu vereinbaren wir ein Performance-Budget für Bilder, Schriften und Skripte von Dritten.
-
Bilder, die das Layout nicht verspringen lassen
Die eingebauten Bildkomponenten setzen alt, loading und decoding und leiten die Bildmaße ab. Cumulative Layout Shift entsteht dadurch erst gar nicht.
Mehr dazu
Picture erzeugt mehrere Formate und Größen mit Fallback. Bilder aus dem public-Verzeichnis umgehen die Verarbeitung komplett, Remote-Bilder müssen in der Konfiguration freigegeben werden. Wir legen fest, was durch die Pipeline läuft.
-
Deployment-Ziel gehört in die Planung
Statisch ist der Standard. Sobald eine Route on demand rendern soll, etwa für Formulare oder personalisierte Bereiche, braucht die Ziel-Laufzeit einen Adapter.
Mehr dazu
Offizielle Adapter im @astrojs-Scope gibt es für Node, Vercel und Cloudflare. Welcher es wird, entscheidet Ihr Hosting. Formulare, Suche, Mehrsprachigkeit und weitere Integrationen planen wir im selben Schritt.
Astro-Website erstellen lassen?
Drei Sätze genügen: Neubau oder Relaunch, ungefährer Seitenumfang, wer die Inhalte pflegt. Sie bekommen eine Einschätzung.
Astro, Webflow oder eigene Web-App?
Wir bauen alle drei. Diese Matrix nutzen wir im Erstgespräch selbst.
| Vorhaben | Astro | Webflow | Eigene Web-App |
|---|---|---|---|
| Unternehmensauftritt, Produkt- und Landingpages | Erste Wahl, volle Kontrolle über Markup und Auslieferung | Gute Wahl, wenn Marketing ohne Deploy publiziert | Überdimensioniert |
| Blog, Magazin oder Wissensdatenbank | Erste Wahl, Content Collections sind auf viele Einträge ausgelegt | Möglich im Rahmen der Plattform-Limits | Selten sinnvoll |
| Redaktion publiziert täglich, mehrere Rollen | Astro plus Headless CMS | Direkt im Editor der Plattform | Nur mit eigenem Redaktions-Backend |
| Nutzer-Login, Rollen, personalisierte Bereiche | Nur in Teilen über einzelne SSR-Routen und Server Islands | Nein | Erste Wahl |
| Marketing stellt Layouts selbst zusammen | Im Rahmen definierter Komponenten | Erste Wahl | Nein |
So läuft Ihre Astro Website Entwicklung.
Ziele, Seitentypen, URLs
Was die Website leisten soll, für wen, mit welchem Conversion-Ziel. Daraus entsteht die Struktur.
Inhaltsmodell und CMS-Frage
Welche Inhalte Collections werden, welche Felder sie brauchen und wer sie pflegt.
Design und Komponenten
Layouts, Typografie und Zustände als echte Seiten im Browser, früh auf dem Telefon prüfbar.
Umsetzung und Messung
Routen, Collections, Bildpipeline, Formulare. Davor Lighthouse, Metadaten und Redirect-Test im Staging.
Launch und Übergabe
Domain, Redirects, Monitoring, danach Nachkontrolle in der Search Console und Einweisung Ihres Teams.
Häufige Fragen zur Astro Website Entwicklung.
Was kostet es, eine Astro Website erstellen zu lassen?
Den Rahmen bestimmen die Anzahl unterschiedlicher Seitentypen, die Tiefe des Content-Modells samt CMS und der Umfang der Integrationen. Nach dem Erstgespräch bekommen Sie eine Schätzung mit Annahmen. Die Treiber im Detail stehen unter Astro Kosten.
Wie lange dauert eine Astro Website Entwicklung?
Ab Kickoff bis Go-live: vier bis sechs Wochen für einen fokussierten Neubau mit drei bis fünf Seitentypen, acht bis zwölf Wochen mit Redaktionsbetrieb, sechs bis zehn Wochen für einen Relaunch mit Inhaltsübernahme, ab zwölf bei Mehrsprachigkeit oder Systemanbindung.
Brauchen wir ein CMS, und können wir Inhalte ohne Entwickler pflegen?
Nicht zwingend. Astro ist CMS-agnostisch, Inhalte können als Markdown im Repository liegen, wo das Zod-Schema fehlende Felder meldet. Ein Headless CMS lohnt sich, wenn mehrere Personen ohne Entwicklungswerkzeuge publizieren. Texte lassen sich auch per Chat pflegen.
Können wir die Website mit KI selbst bauen?
Für einen Prototyp ja. Für eine Website, die zwei Jahre später noch wartbar ist, hängt viel an Informationsarchitektur, Inhaltsmodell und Redirect-Konzept. Wir entwickeln selbst KI-gestützt und lassen jede Änderung durch Review, Typprüfung und Build laufen.
Verlieren wir beim Relaunch unsere Rankings?
Nicht, wenn der Umzug geplant wird. Wir ziehen vorher alle indexierten URLs, bauen daraus eine vollständige 301-Liste, halten Titel und Überschriften der tragenden Seiten stabil und testen die Weiterleitungen vor dem Go-live. Die Wege beschreibt Astro Migration.
Wann ist Astro die falsche Wahl?
Bei Anwendungen mit Nutzer-Login, Rollen und viel Zustand im Browser. Dafür bauen wir eine individuelle Web-Anwendung. Will Ihr Marketing neue Seiten frei zusammenstellen, ohne je ein Repository zu sehen, ist Webflow das bessere Werkzeug.
Rund um das Website-Projekt.
Betrieb, Recht und Grundlagen im Astro-Cluster:
Bereit für eine Website, die als HTML ausgeliefert wird?
Schildern Sie kurz Ihr Vorhaben. Sie bekommen eine Einschätzung zu Umfang, Content-Modell und Kostenrahmen, meist innerhalb von 24 Stunden.
Astro-Projekt anfragen.
Neubau oder Relaunch, Seitenumfang, wer die Inhalte pflegt: drei Sätze genügen für eine erste Einschätzung.
Antwort in der Regel innerhalb von 24 Stunden.
Remote und vor Ort in Deutschland, Österreich und der Schweiz. Internationale Projekte auf Anfrage.