Zum Inhalt springen
DEVBYSTEF

Der ganze Stack,
ehrlich.

Sechs Bereiche, in denen ich arbeite. Als verbundene Karte statt als Skill-Liste, weil sie sich genau so verhalten: Eine Entscheidung in der Datenbank zeigt sich zwei Wochen später in der Oberfläche.

Creative Frontend

Oberflächen, die man spürt

Designsysteme im Code, scrollgesteuerte Bewegung, WebGL-Szenen und die Arbeit an Typografie und Layout, die eine Seite gestaltet statt zusammengesetzt wirken lässt.

  • React
  • TypeScript
  • Tailwind CSS
  • GSAP & ScrollTrigger
  • Motion
  • Three.js / R3F
  • Radix UI
  • Accessibility

Verbunden mit: Full-Stack-Anwendungen · KI & LLM

  • Creative Frontend

    Oberflächen, die man spürt

    Designsysteme im Code, scrollgesteuerte Bewegung, WebGL-Szenen und die Arbeit an Typografie und Layout, die eine Seite gestaltet statt zusammengesetzt wirken lässt.

    • React
    • TypeScript
    • Tailwind CSS
    • GSAP & ScrollTrigger
    • Motion
    • Three.js / R3F
    • Radix UI
    • Accessibility

  • Full-Stack-Anwendungen

    Produkte von vorn bis hinten

    Komplette Anwendungen: Dashboards, CRMs, interne Werkzeuge und eigene Produkte, mit Routing, Zustand, Formularen, Anmeldung, Rollen und der Komponentenarchitektur, die alles zusammenhält.

    • TanStack Start
    • React Router
    • React Native / Expo
    • React Hook Form
    • Zod
    • TanStack Query
    • Vite

  • Backend & Architektur

    Die Logik darunter

    APIs, Domänenmodelle, Geschäftsregeln und Integrationen. Entscheiden, wo Zustand lebt, was eine Transaktion abdeckt und welche Grenze welche Regel durchsetzt.

    • C# / .NET
    • REST API design
    • Go
    • PHP
    • Authentication
    • Role-based access
    • Integration work

  • Datenbanken

    Wo die Wahrheit liegt

    Schemadesign, Migrationen, Query-Performance und die Wartung: Indizes, Backups und die Prüfung, ob das, was die Anwendung glaubt, mit dem übereinstimmt, was die Datenbank enthält.

    • Microsoft SQL Server
    • PostgreSQL
    • MySQL
    • SQLite
    • Drizzle ORM
    • Query tuning
    • Migrations

  • KI & LLM

    Modelle mit Messinstrumenten

    LLM-Integrationen, bei denen man sieht, was sie getan haben: nachverfolgte Anfragen, Token- und Kostenabrechnung und Automatisierung, die laut scheitert statt leise.

    • LLM integration
    • OpenTelemetry
    • Prompt & tool design
    • Streaming APIs
    • Cost and token accounting

  • Infrastruktur & DevOps

    Wiederholbar machen

    Container, Observability-Stacks, Deployment und die Entwickler-Tools, die aus einer funktionierenden Maschine einen funktionierenden Prozess machen.

    • Docker
    • Cloudflare Workers
    • Grafana
    • Prometheus
    • Tempo
    • CI pipelines
    • Windows Server / Hyper-V

Woran ich mich halte

  • Design und Engineering sind ein Job

    Ich übergebe kein Design an mich selbst. Komponentensystem, Bewegung und Datenmodell werden zusammen entschieden, deshalb sieht man die Nähte meistens nicht.

  • Die Grenze setzt die Regel durch

    Ein ausgeblendeter Button ist keine Berechtigung und ein deaktiviertes Feld keine Validierung. Was wirklich zählt, wird auf dem Server, in der Abfrage oder in der Transaktion geprüft.

  • Die unglamourösen Teile fertig machen

    Leere Zustände, Fehlerzustände, Fokusreihenfolge, Ladezustände, die 404. Sie sind der Großteil der Erfahrung, und dort zeigt sich unfertige Arbeit zuerst.

  • Erst messen, dann behaupten

    Keine erfundenen Zahlen. Was nicht gemessen oder veröffentlicht ist, wird als das beschrieben, was es ist, statt als Statistik verkleidet.

Im Lab laufen Demos zu mehreren dieser Bereiche.

Lab öffnen →