web · astro, typescript, seo, performance
Astro-Entwickler für schnelle Websites, gebaut wie diese hier.
Sie sehen gerade eine Astro-Website: über 50 Seiten in drei Sprachen, und jede kommt als reines HTML in Ihrem Browser an. Ihre Website baue ich genauso, vom ersten Commit bis zum Livegang.
- Stack
- Astro, TypeScript, Tailwind CSS
- Ergebnis
- Statisches HTML, JavaScript nur wo nötig
- Referenz
- Diese Website, 50+ Seiten in 3 Sprachen
- Einsatz
- Als Projekt oder als Beratung
- Arbeitszeit
- Mo–Fr 04:00–18:00 Buenos Aires 09:00–23:00 Berlin 03:00–17:00 New York
- Verfügbar ab
- Q4 '26
Was ich mit Astro baue
- Firmen- und Produktwebsites, die auch auf dem Handy mit einem Balken Empfang schnell laden, nicht nur im Büro-WLAN.
- Landingpages für einen Launch oder eine Kampagne, bei denen eine neue Überschrift ein einzeiliger Commit ist.
- Mehrsprachige Websites mit URLs, die zu dem passen, wonach Menschen in jeder Sprache wirklich suchen (/de/stack/astro-entwickler/, nicht /de/stack/astro-developer/), dazu die hreflang-Tags, die Suchmaschinen brauchen.
- Dokumentation und Content-Websites, mit den Inhalten in Markdown direkt neben dem Code.
Die Referenz: diese Website
asisto.io läuft auf Astro 7 und Tailwind CSS. Jede Case Study, jede Leistung und jede Technologie ist eine Markdown-Datei pro Sprache, und der Build prüft jede davon gegen ein Schema. Sitemap, hreflang-Tags und Breadcrumbs kommen aus einer einzigen Liste von Routen, damit sie nicht auseinanderlaufen. Die strukturierten Daten für jede Seite und die Vorschaubilder zum Teilen erzeugt ebenfalls der Build.
Der ASCII-Globus, die Live-Uhr und das Befehlsmenü (⌘K oder Strg+K) sind ein paar kleine Skripte ohne Framework, direkt ins HTML geschrieben. Abgesehen von der Webanalyse lädt der Browser keine einzige JavaScript-Datei.
Die Übergänge zwischen den Seiten sind View Transitions in reinem CSS, ohne Router-Skript. Die Schriften liegen auf dem eigenen Server, und die Ersatzschrift ist auf die Maße von Fraunces skaliert, der Schrift der Überschriften, damit die Überschrift stehen bleibt, wenn die echte Schrift ankommt. Die fertigen Dateien liefert nginx aus, hinter Traefik.
Astro neben dem Rest des Stacks
Astro ist nicht für alles das richtige Werkzeug. Für eine Web-App mit Logins, Formularen und viel Zustand würde ich Angular nehmen, mit einem NestJS-Backend dahinter. Die Aufteilung, die ich vorschlagen würde: die Marketing-Website in Astro, die App in Angular, beides in TypeScript. Braucht eine Seite etwas Interaktives, etwa einen Preisrechner oder ein Buchungs-Widget, lädt Astro es als Insel nur auf dieser Seite und lässt den Rest reines HTML.
So können wir zusammenarbeiten
- Websites: Ihre Website oder Landingpage als Projekt zum Festpreis, mit Design und Texten, wenn Sie möchten, und der Code gehört Ihnen.
- Beratung: eine Stack-Entscheidung (Astro, Next.js oder das, was Sie schon haben) oder ein Review Ihrer bestehenden Website, nach Stunden oder als monatlicher Retainer.
Häufige Fragen
Warum Astro und nicht WordPress?
Eine Astro-Website wird vor dem Livegang zu fertigen HTML-Dateien gebaut. Auf dem Server gibt es keine Datenbank und keine Plugins, die Sicherheitsupdates brauchen, und die Seiten laden schnell, weil es wenig zu laden gibt. Der Preis dafür: Inhalte werden in Dateien bearbeitet, nicht in einem WordPress-Backend, außer Sie binden ein Headless CMS an.
Warum Astro und nicht Next.js?
Next.js passt zu Apps mit viel Interaktion hinter einem Login. Für eine Website, die vor allem aus Inhalten besteht, schickt Astro deutlich weniger JavaScript an den Browser: Diese Website kommt mit ein paar kleinen Inline-Skripten aus. Und für eine Web-App würde ich stattdessen Angular mit einem NestJS-Backend nehmen.
Ist Astro gut für SEO?
Ja. Suchmaschinen bekommen fertiges HTML, die Seiten laden schnell, und Sie bestimmen jedes Tag im Head. Auf dieser Website heißt das: eine Sitemap mit den Sprachversionen jeder Seite, strukturierte Daten auf jeder Seite und ein beim Build erzeugtes Vorschaubild für jede Case Study, jede Leistung und jede Technologie.
Können wir die Inhalte selbst pflegen?
Die Inhalte liegen in Markdown-Dateien, die beim Build gegen ein Schema geprüft werden: Fehlt ein Titel oder ein Datum, bricht der Build ab, statt dass die Seite so live geht. Wenn Ihr Team lieber im Browser bearbeitet, kann Astro die Inhalte aus einem Headless CMS holen.
Was kostet das?
Preise auf Anfrage: Festpreis oder nach Aufwand für Projekte, nach Stunden oder als monatlicher Retainer für Beratung. Ein schriftliches Angebot bekommen Sie innerhalb von 48 Stunden.