Ausgangssituation & Umsetzung
Ein fokussiertes Portfolio als technische Visitenkarte. Es verbindet eine zweisprachige Oberfläche mit CMS-gepflegten Seiten und Projekten, responsiven Inhaltskomponenten, zugänglichen Interaktionen und einer strukturierten SEO-Basis. Ziel ist, beruflichen Schwerpunkt, Projekte und technische Erfahrung ohne unnötige Ablenkung verständlich zu vermitteln.
Technische Besonderheiten
- Next.js App Router mit serverseitig geladenen CMS-Inhalten
- Zweisprachige Seiten auf Deutsch und Englisch
- SQLite-basiertes Portfolio-CMS mit Medienverwaltung
- Responsive Navigation und zugängliche Fokuszustände
- Lokalisierte Metadaten, Sitemap und strukturierte Daten
Herausforderungen & Erkenntnisse
- Komponentensystem & visuelles Konsistenz-Design
- Zugänglichkeit: Fokus-Styles & semantische Struktur
- Hash-basierte Tab-Navigation (#about / #skills)
- Saubere Trennung von Daten (JSON) und Darstellung