# Astro-Agentur für Websites, die als fertiges HTML ausgeliefert werden

Astro-Entwicklung für Unternehmen: Firmenwebsites, Produktkataloge, Headless-Storefronts, Umzug von WordPress, React-Islands, Hosting & Domain ab 19 € im Monat.

**Kurz beantwortet:** Astro-Projekte setzt e-companion, eine UG mit Sitz in Oberasbach bei Nürnberg, für Unternehmen in ganz Deutschland um: Firmenwebsites, Produktkataloge und Headless-Storefronts, dazu der Umzug von WordPress und auf Wunsch Hosting & Domain ab 19 € monatlich. Ein Beispiel ist rechnerportal.net, eine Astro-Plattform mit 45 interaktiven Rechnern, die als React-Islands in einem statisch ausgelieferten Frontend laufen.

## Welche Vorhaben zu Astro passen

Astro ist ein Framework für Websites, deren Kern Inhalte sind: Texte, Produktdaten, Tabellen, Bilder. Gerade bei solchen Projekten macht sich bemerkbar, dass die Seiten vorab gebaut und ohne Datenbankabfrage ausgeliefert werden.

- **Unternehmen mit erklärungsbedürftigem Angebot.** Hersteller, Ingenieurbüros und Dienstleister mit vielen Leistungsseiten, Glossaren und technischen Vergleichen. Die Inhalte lassen sich typsicher als Daten pflegen und auf mehreren Seiten wiederverwenden.
- **Produktkataloge ohne Warenkorb.** Wer Maschinen, Bauteile oder Baureihen darstellt, aber nicht online verkauft, braucht Filter, Datenblätter und saubere Detailseiten, keinen Shop. Astro erzeugt aus einer Produkttabelle Hunderte Seiten in einem Build.
- **Portale mit interaktiven Werkzeugen.** Rechner, Konfiguratoren und Live-Daten laufen als einzelne React-Komponenten in einer ansonsten statischen Seite.
- **Händler, die Marketing und Shop trennen wollen.** Eine Astro-Storefront oder eine Astro-Marketing-Site vor Shopware, Magento oder einem anderen Backend.
- **Betreiber einer gewachsenen WordPress-Installation**, bei der Updates, Plugins und Ladezeit mehr Arbeit machen als die Inhalte selbst.

## Leistungen im Detail

### Firmenwebsites und Kataloge

Wir entwickeln Ihre Website von der Informationsarchitektur bis zum Livegang. Inhalte, die sich wiederholen, etwa Produktlinien, Standorte oder Ansprechpartner, legen wir als strukturierte Daten an. Eine Änderung an einer Stelle erscheint dann überall, wo der Datensatz verwendet wird. Für Kataloge entstehen aus denselben Daten Übersichten, Filter und Detailseiten, jeweils mit eigener Adresse, die Suchmaschinen erfassen können.

### Interaktive Bausteine als React-Islands

Was im Browser reagieren muss, bauen wir als React-Komponente und binden es gezielt ein. Astro lädt den zugehörigen Code erst, wenn er gebraucht wird: sofort beim Laden der Seite oder erst, wenn die Komponente in den sichtbaren Bereich scrollt. Rechner, Formulare mit Plausibilitätsprüfung, Kartenansichten oder ein Warenkorb lassen sich so umsetzen, ohne die ganze Seite in eine JavaScript-Anwendung zu verwandeln.

### Umzug von WordPress zu Astro

Bei einem Umzug übernehmen wir Inhalte, Bilder und Seitenstruktur aus der bestehenden Installation. Jede alte Adresse bekommt entweder eine neue Entsprechung oder eine 301-Weiterleitung, damit Rankings und eingehende Links möglichst erhalten bleiben. Kontaktformulare, Tracking und Einbindungen von Drittanbietern bauen wir neu auf, statt Plugins nachzubilden. Den Ablauf beschreiben wir weiter unten, Hintergründe stehen im Blogartikel [Von WordPress zu Astro](/wordpress-zu-astro-website-relaunch).

### Headless-Storefronts

Vor einem Shopsystem kann Astro die Rolle des Frontends übernehmen. Katalog und Inhaltsseiten werden statisch ausgeliefert, Warenkorb und Checkout laufen als Islands gegen die Schnittstelle des Shops. Das Backend bleibt für Bestellungen, Bestände und Zahlungen zuständig. Welche Muster es dafür gibt und welche Shopsysteme sich eignen, erklärt die Seite [Headless-Shop-Agentur](/headless-shop-agentur).

### Hosting, Wartung, Inhaltspflege

Ihre Astro-Website betreiben wir auf Wunsch im eigenen Git-basierten Managed Hosting. Die Wartung umfasst Updates von Framework und Abhängigkeiten, Backups, Monitoring und Kompatibilitätsprüfungen vor Updates.

## Drei Wege, Inhalte zu pflegen

Welche Pflege zu Ihrer Astro-Website passt, hängt davon ab, wer Inhalte ändert und wie oft.

**Per Git, ohne Redaktionsoberfläche.** Inhalte liegen als Markdown- oder TypeScript-Dateien im Repository. Jede Änderung ist ein Commit, versioniert und jederzeit zurückrollbar, und durchläuft einen Freigabe-Schritt, bevor das Image neu gebaut wird. Das passt, wenn Inhalte selten wechseln oder ein technisch versiertes Team sie pflegt. wattmeister.de und enerkomp.de arbeiten so, ganz ohne CMS.

**Mit wook.studio als Editor.** Unsere Plattform wook.studio ist auf Astro aufgebaut. Inhalte werden dort in einem Editor mit festen Schemas als Collections gepflegt und als Website, Katalog oder Verzeichnis ausgeliefert, auf Wunsch zusätzlich als JSON oder Markdown. Das eignet sich für Redaktionen, die ohne Git arbeiten wollen, und für Kataloge mit vielen gleichartigen Einträgen. Da wook.studio ein SaaS-Produkt ist, bleibt die Plattform bei uns; Ihre Inhalte daraus werden Ihnen übergeben.

**Automatisiert über eine Content-Pipeline.** Wo regelmäßig neue Beiträge entstehen sollen, schreibt eine Pipeline fertige Artikel direkt ins Repository, und der nächste Build veröffentlicht sie. Bei reetro.com kommen so täglich neue Journal-Beiträge und Themenseiten hinzu, die anschließend automatisch für die angebundenen Social-Media-Kanäle aufbereitet werden.

## Technik und Architektur

**Statischer Output als Standard.** Im Modus `output: static` entstehen beim Build fertige HTML-Dateien. Für die Auslieferung der Seiten läuft auf dem Server weder PHP noch eine Datenbank, die bei jedem Aufruf angefragt würde. Das senkt die Antwortzeit und verkleinert die Angriffsfläche. Wo eine Seite serverseitig reagieren muss, etwa beim Versand eines Formulars, genügt ein schlanker Endpoint auf derselben Domain.

**Keine Plugins auf dem Server.** Abhängigkeiten werden beim Build eingebunden und nicht im Live-Betrieb ausgeführt. Sicherheitslücken in einem Erweiterungsmodul, das auf dem Webserver läuft, entfallen damit als Risiko. Updates bleiben trotzdem nötig, sie betreffen aber den Build und werden vor dem Livegang geprüft.

**Content Collections.** Inhalte liegen als Markdown oder Daten mit einem festen Schema vor. Der Build bricht ab, wenn ein erforderliches Feld fehlt oder ein Wert nicht passt, statt eine fehlerhafte Seite zu veröffentlichen. Diese Website arbeitet genauso: Jede Leistungsseite ist eine Markdown-Datei mit geprüftem Frontmatter.

**Maschinenlesbare Ausgabe.** Weil die Inhalte strukturiert vorliegen, lassen sich aus ihnen neben HTML weitere Formate erzeugen. e-companion.de ist mit Astro gebaut und erzeugt beim Build eine llms.txt für Sprachmodelle sowie zu jedem Blogartikel und zu Seiten wie dieser eine Markdown-Fassung, die im Seitenkopf per alternate-Link verknüpft ist.

**Mehrsprachigkeit.** Astro unterstützt Internationalisierung über Routen: Jede Sprache bekommt eigene Adressen, die Suchmaschinen getrennt erfassen. Die Storefront von reetro.com ist auf diese Weise vollständig zweisprachig aufgebaut, auf Deutsch und Englisch.

**Git-basiertes Deployment.** Jede Site hat ein eigenes Repository. Aus einem Commit entsteht über ein mehrstufiges Docker-Image, erst der Node-Build, dann eine nginx-Laufzeit, ein schlanker Container mit TLS-Zertifikat von Let's Encrypt. Gehashte Assets werden dauerhaft gecacht, HTML nicht, damit Änderungen sofort sichtbar sind.

## Ablauf eines Astro-Projekts

Ein neues Astro-Projekt beginnt mit Seitenstruktur und Inhaltsmodell: Welche Inhalte wiederholen sich, welche Seiten entstehen aus Daten? Danach folgen Design, Umsetzung und Ihre Abnahme. Website-Projekte dauern bei uns in der Regel zwei bis vier Wochen, abhängig davon, wie schnell Inhalte und Rückmeldungen kommen; für Kataloge mit Datenimport und Storefronts nennen wir den Zeitrahmen im Angebot. Bei einem Umzug von WordPress kommen folgende Schritte hinzu.

### Zusätzlich beim Umzug von WordPress

Ein Relaunch auf Astro beginnt mit einer vollständigen Liste aller öffentlichen Adressen der alten Seite, ergänzt um die Zugriffszahlen aus der Search Console: Welche Seiten bringen Besucher, welche haben eingehende Links? Daraus entsteht die Zuordnung alt zu neu. Danach übernehmen wir die Inhalte, entfernen dabei Shortcodes und Page-Builder-Reste und legen wiederkehrende Elemente als Komponenten an.

Vor dem Livegang läuft die neue Seite auf einer Vorschau-Adresse. Dort prüfen Sie Texte und Funktionen, während wir Weiterleitungen, Formulare und strukturierte Daten testen. Nach der Umstellung beobachten wir in der Search Console, ob Google die neuen Adressen erfasst und die Weiterleitungen akzeptiert. Wie das Ergebnis aussehen kann, zeigt enerkomp.de: Die frühere WordPress-Installation wurde durch eine statische Astro-Site abgelöst, die spürbar schneller lädt und wartungsarm läuft.

## Was es kostet

Eine Astro-Website lässt sich in unseren Paketen umsetzen. Digital Präsenz (990 €) deckt eine Landingpage oder einen Onepager ab. Mit Digital Wachstum (1.890 €) bekommen Sie bis zu zehn Unterseiten samt Blog. Ab 2.890 € beginnt Digital Dominanz, gedacht für eigene Web-Anwendungen, E-Commerce-Integration und API-Anbindungen. Ob ein Katalog mit Datenimport oder eine Storefront in diesen Rahmen passt, klären wir im Angebot. Auf Wunsch erhalten Sie ein Festpreisangebot für einen vereinbarten Umfang.

Laufend fallen Hosting & Domain an, ab 19 € monatlich, und auf Wunsch Wartung & Pflege, ab 49 € monatlich. Kleine Textkorrekturen, die höchstens 30 Minuten dauern, sind in der Wartung enthalten. Für umfangreichere Wünsche schätzen wir den Aufwand vorab. Einen Stundensatz geben wir auf der Website nicht an, weil er je nach Tätigkeit unterschiedlich ausfällt.

## Referenzen

**rechnerportal.net: 45 Rechner, eine statische Plattform.** Das Portal ist vollständig headless mit Astro gebaut. In sechs Kategorien laufen 45 interaktive Online-Rechner als React-Islands, eingebunden mit `client:load` oder `client:visible`. Drei Watchboards zeigen Strommarkt, Bauzinsen und Spritpreise mit Echtzeitdaten, die ein eigenständiger Node-Service alle 15 Minuten per GitHub Actions abruft und als JSON ablegt. Neue Nachrichtenartikel entstehen täglich automatisch und werden direkt ins Astro-Repository veröffentlicht.

**wattmeister.de: Produktwelt ohne CMS.** Die Seite für die industriellen Batteriespeicher der enerkomp GmbH ist eine rein statische Astro-6-Site. Alle Inhalte, von Produktlinien über technische Vergleiche bis zu Glossar und FAQ, liegen typsicher in Datendateien und werden zur Build-Zeit eingebaut. Gepflegt wird per Git-Commit; Änderungsvorschläge durchlaufen einen Review- und Freigabe-Schritt, bevor sie gebaut und live gestellt werden.

**reetro.com: Storefront auf Astro, Magento dahinter.** Der Shop für Retro- und Mid-Century-Dekor mit über 235 Produkten in fünf Kategorien ist eine statische Astro-5-Storefront. Sie spricht ausschließlich über GraphQL mit Magento 2. Warenkorb und Checkout sind React-19-Islands, die Seite ist zweisprachig auf Deutsch und Englisch.

Weitere Astro-Projekte: die Marketing-Site von mid-centurydesigns.com, die als statische Astro-Site neben einer Next.js-Storefront läuft, und die öffentliche Produktseite von docks.io, headless mit Astro umgesetzt und mit Bereichen für News und Landingpages, deren Fachartikel eine automatisierte Pipeline fortlaufend ergänzt. Die Gesamtübersicht steht unter [Referenzen](/referenzen).

## Wann wir von Astro abraten

Astro ist nicht die Antwort auf jede Anfrage. Drei Fälle, in denen wir Ihnen eher etwas anderes empfehlen:

- **Viele Redakteure, die frei Seiten gestalten wollen.** Wenn Marketing-Teams ohne Entwickler neue Layouts selbst zusammenstellen sollen, ist WordPress mit einem schlanken Theme oft praktischer. Auch das setzen wir um, siehe [WordPress-Agentur Nürnberg](/wordpress-agentur-nuernberg); die laufende Betreuung solcher Installationen beschreibt unsere [Pflege von WordPress-Seiten](/wordpress-wartung).
- **Anwendungen mit Login und viel Zustand.** Kundenportale, Dashboards und Werkzeuge, die überwiegend im Browser arbeiten, sind mit einem Framework wie Next.js besser bedient. Bei mid-centurydesigns.com zeigt sich die Arbeitsteilung: Die Marketing-Site läuft auf Astro, die Storefront auf Next.js 16, damit beide Teile unabhängig voneinander skalieren.
- **Ein Standardshop, der schnell starten soll.** Wer ein überschaubares Sortiment ohne Sonderlogik verkaufen will, ist mit WooCommerce oder Shopify mit Shop Starter (1.890 €) schneller am Ziel als mit einer eigenen Storefront.

## Zusammenarbeit

Unser Büro liegt in Oberasbach bei Nürnberg; wir arbeiten für Kunden in ganz Deutschland, abgestimmt per Video und über das gemeinsame Repository. Architektur und Umsetzung verantwortet Inhaber Maik Boche selbst, Sie haben also vom Entwurf bis zum laufenden Betrieb denselben Ansprechpartner.

Einen allgemeinen Überblick, warum schlanke Technik für Unternehmensseiten zählt, gibt die Seite [Astro-Seiten](/astro-seiten); um Ladezeiten bestehender Websites geht es unter [Ladezeit-Optimierung](/website-performance-optimierung). Astro gehört bei uns zum Bereich [Web & Content](/web-content). Schreiben Sie uns über [das Formular](/kontakt), oder wählen Sie die Nummer 0173 516 1038.

## Häufige Fragen

### Was ist eine Astro-Website?

Eine Website, die mit dem quelloffenen Web-Framework Astro gebaut wurde. Astro setzt Seiten aus Komponenten und Inhalten zusammen und erzeugt daraus beim Build statische HTML-Dateien. Interaktive Teile wie ein Rechner oder ein Warenkorb werden als einzelne Inseln mit JavaScript versorgt, der Rest der Seite kommt ohne aus. Das hält die übertragene Datenmenge klein.

### Was ist Astro Browser?

Astro ist kein Browser, sondern ein Werkzeug für Entwickler, mit dem Websites entstehen. Das Ergebnis ist gewöhnliches HTML mit CSS und etwas JavaScript. Besucher öffnen eine Astro-Website deshalb in jedem gängigen Browser wie Chrome, Firefox, Safari oder Edge, ohne Erweiterung oder Installation.

### Wie pflege ich Inhalte auf einer Astro-Website?

Dafür gibt es mehrere Wege. Inhalte können als Markdown- oder Datendateien im Repository liegen und per Git-Commit geändert werden; jede Änderung ist versioniert und durchläuft vor der Veröffentlichung einen Freigabe-Schritt. Wer lieber in einem Editor arbeitet, nutzt unsere Plattform wook.studio. Kleinere Textänderungen bis 30 Minuten Aufwand übernehmen wir auch im Rahmen der Wartung.

### Gehört mir der Code meiner Astro-Website?

Ja. Astro-Projekte, die wir für Sie entwickeln, gehören Ihnen. Mit dem Ende des Hostings bei uns geht der Code an Sie über. Eine Ausnahme sind unsere eigenen SaaS-Produkte wie wook.studio: Die Plattform selbst bleibt bei uns, Ihre Inhalte daraus erhalten Sie.

### Wie lange dauert es, eine Astro-Website erstellen zu lassen?

Website-Projekte dauern bei uns in der Regel zwei bis vier Wochen. Den größten Einfluss hat, wie schnell Texte, Bilder und Rückmeldungen von Ihrer Seite kommen. Ein Umzug mit vielen bestehenden Seiten, eine Shop-Anbindung oder eigene Rechner verlängern den Zeitraum; das nennen wir Ihnen im Angebot.

### Ist Astro für jedes Projekt geeignet?

Nein. Brauchen viele Mitarbeitende einen gewohnten Seiten-Editor mit großem Erweiterungsangebot, ist WordPress oft die pragmatischere Wahl. Für Anwendungen mit Login, Dashboards und viel Zustand im Browser greifen wir eher zu Next.js. Astro spielt seine Stärken bei inhaltsgetriebenen Seiten aus, bei denen Ladezeit, Sicherheit und geringer Pflegeaufwand zählen.

---
Quelle: https://e-companion.de/astro-agentur · e-companion UG, Oberasbach bei Nürnberg · Kontakt: https://e-companion.de/kontakt