Persönliche Website
Sekundärer technischer Beleg für Astro, responsives Frontend, Performance, Barrierefreiheit und Internationalisierung.
01
Ausgangslage
Die persönliche Website sollte Inhalte schnell laden, ohne schweres Client-Framework funktionieren und in zwei Sprachen konsistent bleiben.
02
Ziel und Randbedingungen
Ziel ist eine wartbare, barrierearme und zweisprachige Website, deren Inhalte, Metadaten und Qualitätsprüfungen konsistent gepflegt werden können.
03
Aufgabe und eigene Rolle
Konzeption, Design, Astro-Implementierung, Content-Modell, responsives Verhalten, Accessibility, SEO und automatisierte Qualitätssicherung.
04
Systemübersicht und Abhängigkeiten
- Zentrale typisierte Inhalte für deutsche und englische Seiten
- Wiederverwendbare Astro-Komponenten und statische Routen
- Lokalisierte Metadaten, Canonicals, hreflang und Social Preview
- Format-, Lint-, Typ-, Test- und Build-Prüfungen als Delivery-Gate
05
Lösung und wichtige Entscheidungen
- Statische Ausgabe mit Astro und typisierten Inhalten
- Wiederverwendbare Komponenten und responsive Layouts
- Dark Mode, reduzierte Bewegung und Tastaturbedienbarkeit
- Lokalisierte Seiten, Metadaten, Canonicals und hreflang
- Format-, Lint-, Typ-, Test- und Build-Prüfungen
06
Ergebnis oder Zwischenstand
Die Website ist der direkt prüfbare Beleg: Quellcode, responsive Seiten, lokalisierte Routen und automatisierte Qualitätsprüfungen liegen im selben Projekt vor.
07
Grenzen, Daten, Sicherheit und Betrieb
- Die Seite belegt Web- und Delivery-Kompetenz, ersetzt aber keine Fallstudie zu operativer Geschäftswirkung.
- Rechtstexte benötigen vor Veröffentlichung fachliche Prüfung.
08
Wichtigste Erkenntnis
Eine kleine statische Website bleibt dann wartbar, wenn Content-Modell, Internationalisierung, Metadaten und Qualitätssicherung als zusammenhängendes System behandelt werden.