codeaeffchen.de – unsere eigene Website mit Astro
Über 400 Seiten in zwei Sprachen, zwei Domains aus einem einzigen Build, ausgeliefert als fertiges HTML von einem gewöhnlichen Webhosting. Was wir Kunden empfehlen, betreiben wir hier selbst – und messen es in jedem Pull-Request.
Projekt-Info
- typ
- Eigenes Projekt
- leistung
- Konzeption, Entwicklung, Betrieb
- technologie
- Astro 7, Tailwind CSS 4, TypeScript
- umfang
- Über 400 Seiten auf Deutsch und Englisch
- status
- Live auf codeaeffchen.de und codeaeffchen.com
Worum es geht
Unsere Website ist vor allem Inhalt: 68 Fachartikel, 69 Glossarbegriffe und 15 Werkzeuge – jeweils auf Deutsch und Englisch, auf zwei Domains. Gepflegt wird sie von uns selbst, in Markdown und Git. Ein CMS mit Login, Plugins und Sicherheitsupdates hätte hier nur Pflegeaufwand erzeugt, ohne etwas zu können, was wir brauchen.
Deshalb Astro: Jede Seite entsteht beim Build als fertiges HTML. Auf dem Server läuft PHP nur an den zwei Stellen, die es wirklich brauchen – dem Kontaktformular und dem HTTP-Status-Checker. Alles andere ist statisch und liegt auf einem ganz normalen Webhosting.
Wie die Website aufgebaut ist
Zwei Domains aus einem Build
Ein Astro-Build erzeugt alle Seiten beider Sprachen. Ein eigenes Skript verteilt das Ergebnis danach auf codeaeffchen.de und codeaeffchen.com, entfernt auf der englischen Domain das /en/-Präfix aus allen Links und schreibt Sitemaps und robots.txt passend um. Jede Seite kennt ihr Gegenstück in der anderen Sprache (hreflang).
Inhalte mit Schema
Artikel liegen als Content Collection vor. Die Länge von Titel und Beschreibung und die Pflicht-Kurzfassung prüft schon der Build – ein unvollständiger Artikel geht nicht live. Artikel mit Datum in der Zukunft erscheinen von selbst: Ein täglicher Build am frühen Morgen veröffentlicht sie.
Eine Quelle für jede Angabe
Preise, Navigation, Footer, die llms.txt für KI-Systeme und die Werkzeug-Übersicht werden aus Datendateien erzeugt. Ändert sich ein Preis, ändert er sich an einer Stelle – und überall auf der Seite.
Messung ohne Cookie-Banner
Matomo läuft cookielos und respektiert Do-Not-Track, Schriften liegen auf dem eigenen Server. Die Seite zeigt deshalb keinen Cookie-Banner.
Was vor jeder Änderung geprüft wird
Eine statische Seite kann nicht abstürzen – sie kann aber still kaputtgehen: ein Link ins Leere, ein fehlender Baustein, eine Seite, die auf dem Handy nicht mehr bedienbar ist. Deshalb läuft bei jeder Änderung, bevor sie live geht:
- Vollständigkeit: Hat jede Seite Titel, Überschrift, Beschreibung und Text? Fehlt ein Pflichtbaustein, bricht die Prüfung ab.
- Links: Alle internen Links im Build werden auf Ziele geprüft, die es nicht gibt.
- Barrierefreiheit: axe-core prüft 47 Seitentypen gegen WCAG 2.0/2.1 A und AA plus Best Practices – in zwei Bildschirmbreiten und mit und ohne Animationen.
- Lighthouse: Fünf Seiten werden mobil je dreimal gemessen. Fällt die Barrierefreiheit unter 95, wird die Änderung nicht übernommen; bei Performance, Best Practices und SEO unter 90 gibt es eine Warnung.
- Nach dem Upload: Ein zweiter Check prüft die echten Domains: Seiten erreichbar, Inhalt vollständig, Formular- und Status-Endpunkt antworten wie erwartet.
Messwerte
Lighthouse, mobile Ansicht mit gedrosselter Verbindung, Median aus drei Läufen. Stand 10.10.2026.
| Seite | Performance | Barrierefreiheit | Best Practices | SEO | LCP |
|---|---|---|---|---|---|
| Startseite | 99 | 100 | 100 | 100 | 2,0 s |
| WordPress-Wartung | 100 | 100 | 100 | 100 | 1,7 s |
| Artikel | 100 | 100 | 100 | 100 | 1,7 s |
| Kontakt | 100 | 100 | 100 | 100 | 1,7 s |
| HTTP-Status-Checker | 100 | 100 | 100 | 100 | 1,7 s |
Das sind Labordaten aus unserer automatischen Prüfung, keine Messungen echter Besucher. Sie zeigen, dass die Seite technisch nichts verschenkt – wie schnell sie bei dir lädt, hängt zusätzlich von Gerät und Verbindung ab.
Stack
- Framework
- Astro 7, TypeScript
- Styling
- Tailwind CSS 4
- Inhalte
- Markdown, Content Collections
- Tests
- Playwright, axe-core, Lighthouse CI
- Serverseitig
- PHP 8 (Kontaktformular, Status-Checker)
- Deployment
- GitHub Actions, zwei Domains
Astro-Website geplant?
Ob Neubau oder Umzug von WordPress: Wir zeigen dir im Erstgespräch, was Astro für deine Seite bringt – und wo es nicht passt.
Lieber direkt sprechen? 09163 679 1505 (Mo–Fr, 8–18 Uhr)