Website: wiebke-klingsporn.de
- Astro
- TypeScript
- React
- Tailwind CSS
- Playwright
Ausgangssituation
Für eine selbstständige Kundin (Gebärdensprachdolmetscherin) sollte eine bestehende, veraltete Website durch eine moderne, wartbare Lösung ersetzt werden. Die Seite ist ursprünglich mit Gatsby gestartet, dann auf Next.js umgezogen und schließlich auf Astro migriert.
Meine Rolle
Alleinverantwortlich für Konzeption, Umsetzung und Deployment der Website, von der ersten Architekturentscheidung bis zum produktiven Go-Live.
Technische Umsetzung
Die Single-Page-Site läuft heute auf Astro mit Server-Output (Vercel-Adapter). Interaktive
Elemente wie die Navbar sind als React-Islands umgesetzt, TypeScript sorgt für Typsicherheit über
die gesamte Codebasis, Tailwind CSS sichert ein konsistentes Design. Vitest und Playwright decken Unit- und End-to-End-Tests ab. Barrierefreiheit ist angesichts der Zielgruppe kein Nice-to-have, sondern über ESLint (eslint-plugin-jsx-a11y) hart erzwungen.
Besondere Herausforderung
Zwei Frontend-Migrationen in Folge (Gatsby, dann Next.js, zuletzt Astro) mussten jeweils ohne Funktionsverlust und ohne Downtime für die laufende Website erfolgen.
Ergebnis & Lernerfahrung
Die Website läuft stabil im produktiven Betrieb. Der Wechsel zu Astro hat die Ladezeiten spürbar verbessert und mir gezeigt, wie viel Overhead ein React-Framework für überwiegend statische Inhalte mitbringt, wenn Interaktivität nur punktuell benötigt wird.