westphal.tech – Studio-Webauftritt
Zweisprachiger Webauftritt von Positionierung und Texten über ein eigenes Design-System bis zur statischen Astro-Umsetzung mit SEO, Analytics und automatisierten Qualitätsprüfungen.
Problem
Die persönliche Website sollte Inhalte schnell laden, ohne schweres Client-Framework funktionieren und in zwei Sprachen konsistent bleiben.
Ziel und Randbedingungen
Ziel ist eine wartbare, barrierearme und zweisprachige Website, deren Inhalte, Metadaten und Qualitätsprüfungen konsistent gepflegt werden können.
Eigene Rolle und Lösung
Konzeption, Design, Astro-Implementierung, Content-Modell, responsives Verhalten, Barrierefreiheit, Suchmetadaten und automatisierte Qualitätssicherung.
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
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
Belegter Zwischenstand
Die Website ist der direkt prüfbare Beleg: Quellcode, responsive Seiten, lokalisierte Routen und automatisierte Qualitätsprüfungen liegen im selben Projekt vor.
Wichtigste Erkenntnis: Eine kleine statische Website bleibt dann wartbar, wenn Content-Modell, Mehrsprachigkeit, Metadaten und Qualitätssicherung als zusammenhängendes System behandelt werden.
Grenzen, Daten, Sicherheit und Betrieb
- Die Seite zeigt Web-, Frontend- und Delivery-Kompetenz, ist jedoch kein Beleg für die Geschäftswirkung einer Kundenlösung.
RELEVANTE TECHNOLOGIEN
Astro 7 / TypeScript 6 / Tailwind CSS 4 / Vitest / ESLint