Tech-Stack
Die Werkzeuge, zu denen ich greife, und warum – gewählt für das Problem, nicht für den Hype.
Werkzeugkasten
Tech-Stack
Vier Bereiche, ein Ansatz: typisierte Grenzen, kleine Schritte und messbare Qualität.
Oberflächen, die schnell bleiben
React und Next.js mit Server Components als Standard, TypeScript überall und schlichtes CSS auf Basis von Design-Tokens.
Barrierefreiheit gehört zur Definition of Done: Tastaturwege, Fokus-Management und Screenreader-Tests für jede Komponente.
Typisiert, unspektakulär, zuverlässig
Services in Node.js und Go mit typisierten Schnittstellen (tRPC, OpenAPI), PostgreSQL für Daten und Queues für alles Langsame.
Ich entwerfe zuerst die Datenmodelle und halte Geschäftsregeln an einer Stelle, nah an den Daten.
Klein ausliefern, oft ausliefern
GitHub-Actions-Pipelines, Vorschau-Umgebungen pro Branch, Docker-Images und Infrastructure as Code.
Monitoring und echte Nutzungsdaten stehen vor dem Launch – nicht erst nach dem ersten Vorfall.
Von Tokens bis Animation
Von Figma in Code, ohne Details zu verlieren: Tokens, Zustände, responsive Regeln und Animations-Timings.
Interaktionen prototypisiere ich früh im Browser – dort werden sie schließlich beurteilt.
Fähigkeiten
Womit ich arbeite
Komponentenarchitektur, Rendering-Strategien und Performance-Budgets.
React · Next.js · TypeScript
APIs, Datenmodelle, Hintergrundjobs und Integrationen.
Node.js · Go · PostgreSQL
Unit-, End-to-End- und Barrierefreiheitstests direkt in der CI.
Vitest · Playwright · axe
Pipelines, Vorschau-Umgebungen und Observability.
Docker · GitHub Actions · OpenTelemetry
- TypeScript
- React
- Next.js
- Node.js
- Go
- PostgreSQL
- Playwright
- Docker
- CSS
- WebGL
- Figma
- Vitest
Projekt anfragen