Vercel-Experten in Deutschland

• Entwicklung und Optimierung der RTL+-Frontend-Anwendung für SmartTV- und Set-Top-Box-Plattformen mit React und Next.js.
• Schlüsselrolle bei der fachlichen Steuerung von Entwicklern im Team und bei der Koordination der Umsetzung.
• Zentrale Schnittstelle zu angrenzenden Teams, um Entwicklungsabläufe zu vereinfachen und die teamübergreifende Abstimmung zu verbessern.
• Verbesserung von Frontend-Performance, Stabilität und Rendering-Verhalten auf leistungsschwachen Geräten in einer eingeschränkten Runtime-Umgebung.
• Umsetzung einer Frontend-Teststrategie mit Jest, React Testing Library und Playwright.
• Umsetzung von Verbesserungen der Barrierefreiheit gemäß WCAG 2.2 und WAI-ARIA.
• Integration von Didomi Consent Management als Beitrag zur Steigerung der Ad-Monetarisierung auf Streaming-Plattformen.
• Einsatz KI-gestützter Engineering-Workflows mit Cursor für strukturierte Implementierung, Refactoring und schnellere Problemlösung.

Eingesetzte Technologien: React, Next.js, TypeScript, JavaScript, GraphQL, Apollo Gateway, Zustand, Tailwind CSS, Styled Components, React Testing Library, Playwright, Jest, HTML5, CSS3, AWS Lambda, EC2, CloudFront, S3, GitLab CI/CD, NX, Cursor

· Ausgangslage und Zielbild – welches Problem löst die Plattform, für welche Nutzergruppe? · Anforderungserhebung und Scope –von der Idee über die Prozesse zum Scope, · Architektur und Technologieauswahl – Stack, Hosting, Datenhaltung,

• Vercel Inc.– Hosting und Auslieferung der Anwendung.
• Supabase – Datenbank, Authentifizierung und Dateispeicher.
• Stripe – Abwicklung der Zahlungen für Bewerbungs- und Freischaltgebühren.
• Resend – Versand transaktionaler Benachrichtigungs- E-Mails
• Calendly– Terminbuchung für Beratungsgespräche; verarbeitet die dabei angegebenen Daten (z. B. Name, E-Mail-Adresse, Terminwunsch). · KI-Komponenten – welche Modelle bzw. Anbieter, welche Aufgabe übernimmt die KI konkret,
• Claude Opus 5 von Anthropic. · Datenmodell und Integrationen – Schnittstellen zu Drittsystemen, Import/Export, APIs.

• Verantwortlich für die Full-Stack-Entwicklung einer AI-native Unternehmensplattform auf Basis von TypeScript, React, Vite, tRPC, Hono und PostgreSQL, die KI-gestützte Beratungs-Workflows für B2B-Kunden liefert.
• Entwarf und lieferte ein Multi-Agenten-KI-System mit dem ReAct-Framework und Claude-Skills-Workflow-Mustern, inklusive eines intelligenten PM-Assistenten mit umfangreichen System-Prompts, Slash-Befehlen, Tool-Integrationen und Streaming-Chat-Oberfläche.
• Entwickelte ein LLM-Bewertungs-Framework: rubrikbasierte LLM-als-Richter, Golden Datasets, Regressionstests und automatisierte Qualitätssicherung — für konsistente KI-Ausgabequalität in großem Maßstab.
• Integrierte LangFuse für durchgehendes LLM-Tracking, Konversations-Wiedergaben und Bewertungs-Pipelines, was datengetriebene Prompt-Optimierung ermöglichte und Token-Kosten sowie Antwort-Varianz reduzierte.
• Implementierte Drizzle ORM, pgvector und Knowledge Graphs für strukturierten Datenzugriff, semantische Suche und beziehungsorientiertes KI-Schlussfolgern über die gesamte Plattform.
• Führte die TanStack React Query-Migration in der gesamten Anwendung durch — ersetzte manuelles State-Management durch zentrales Caching und automatisches Refetching, was den Boilerplate-Aufwand für Datenabrufe deutlich reduzierte.
• Setzte AI-native Entwicklung durchgehend ein: Claude Code, Codex, Perplexity SDK und LLM-unterstütztes Testing im gesamten Entwicklungszyklus. Deployment auf Vercel + Azure ACA mit Biome für Linting/Formatting.

• Leitete die Discovery-Phase und den POC für die Migration von Shopware zu Shopify Plus in EMEA-Märkten und bewertete die Eignung der Plattform, die technische Architektur sowie Multi-Brand-/Multi-Country-Funktionen anhand der Business-Anforderungen.
• Entwarf die Referenzarchitektur für die Shopify-Plus-Implementierung mit Headless-Frontend-Patterns (Vue.js, Nuxt.js), CMS-Integration (Magnolia) und Azure-Middleware (APIM, Functions, Logic Apps, Service Bus) für 11 EMEA-Märkte.
• Definierte die Migrationsstrategie mit Analyse von Data Mapping, Cutover-Ansatz und Zero-Downtime-Deployment-Patterns unter Einsatz von Varnish-Cache, GitOps-Pipelines und CI/CD-Orchestrierung über sechs Vendor-Teams hinweg.
• Entwickelte ein Multi-Tenant-Governance-Modell für Shopify Plus mit zentraler Administration, lokaler Storefront-Anpassung und Compliance-Kontrollen (GDPR, Datenresidenz).
• Prototypte KI-gestützte Suchoptimierung (LLM.txt, JSON-LD) für die Auffindbarkeit von Produkten in Google-AI-Ergebnissen und zeigte damit Potenziale für die Performance nach dem Go-live auf.
• Definierte mit C-Level-Strategie-Workshops die EMEA-Expansions-Roadmap für 15+ Märkte, einschließlich gestaffeltem Rollout, marktspezifischen Konfigurationen und Ressourcenbedarf.
• Tech Stack: React, Nuxt.js, Vue.js, Magnolia CMS, Shopware, Shopify Plus, Azure (APIM, Functions, Logic Apps, Service Bus, Front Door), Varnish, SAP, MS Dynamics, Docker, Kubernetes, GitHub Actions, PostgreSQL, Kafka

Technologien: n8n, Notion, OpenAI API, Claude, MS AI Foundry, MS CoPilot Studio, MS CoPilot, LLM, Node.js, Vercel, LangGraph, PostgreSQL, pgEdge, pgvector, Docker, LangChain, Ollama, Open WebUI

• Kontinuierliche Bewertung und Priorisierung eigener Automatisierungsbedarfe
• ~20 KI-Agenten im aktiven Einsatz: Recherche, Content-Pipelines, Dokumentenverarbeitung
• 5 n8n-Workflows für automatisierte Daten- und Prozesssteuerung
• Architektur nach denselben Prinzipien wie in Kundenprojekten: State Management, event-driven Orchestrierung, API-Integration
• Kontinuierlicher Betrieb und Weiterentwicklung

struppilog.com – Digitale Gesundheitsakte für Haustiere / MVP → Vollständiges Produkt

Konzeption, Entwicklung und vollständige Weiterentwicklung einer digitalen Gesundheitsplattform für Haustiere – von der eigenen MVP-Entwicklung bis zur vollständig ausgebauten und produktiv nutzbaren Plattform.

Eigenständige Konzeption und Entwicklung des MVP Entwicklung der gesamten Anwendung mit Flutter/Dart und Firebase Ausbau des MVP zu einer vollständigen digitalen Gesundheitsakte mit Gesundheitsdaten, Befunden, Allergien, Medikamenten, Dokumenten und Notfalldaten Entwicklung von Benutzerregistrierung, Authentifizierung, Rollen, Datenmodellen und sicheren Nutzerinteraktionen Umsetzung von QR-Code-basiertem Datenaustausch und digitalen Interaktionsfunktionen Entwicklung einer mehrsprachigen, responsiven Webanwendung Integration von AI-gestützten Funktionen und AI-/Agentic-Workflows Entwicklung und kontinuierliche Weiterentwicklung der Produktlogik, UX/UI und technischen Architektur Aufbau und Erweiterung einer skalierbaren Cloud-basierten Lösung mit Firebase Integration und Weiterentwicklung von APIs und externen Services Einsatz von AI-native / Agentic Engineering zur Beschleunigung von Entwicklung, Testing, Debugging und Produktiteration Eigenständige Umsetzung sämtlicher weiterer Funktionen und technischen Erweiterungen Kontinuierliche Weiterentwicklung des MVP zu einem vollständigen digitalen Produkt

Impact: Das von mir selbst entwickelte MVP wurde kontinuierlich technisch und funktional zu einer umfangreichen, produktiv nutzbaren Plattform weiterentwickelt – einschließlich Frontend, Backend, Datenmodell, Authentifizierung, UX/UI, APIs, Cloud-Infrastruktur und laufender Produktentwicklung.

• Aufbau einer vollständigen Echtzeit-Multiplayer-Plattform mit Spiel-Engine, Lobby-System, Spieltischen, Zuschauer-Modus und persistenter Spielhistorie.
• Umsetzung produktrelevanter Multiplayer-Workflows mit WebSocket-Kommunikation, Live-Synchronisation, Sprachchat, mobilen App-Funktionen und Push-Benachrichtigungen.
• Entwicklung einer skalierbaren Full-Stack-Architektur mit Authentifizierung, PostgreSQL-Persistenz, Premium- und Abrechnungsintegration und umfangreicher Testabdeckung.

• Aufbau einer AI-nativen Coaching-Plattform für Radfahrer: eines dialogbasierten Dynamic Coach, der Trainings- und Erholungsdaten in die Entscheidung für die nächste Einheit übersetzt und täglich verfügbar ist – statt nur in einem statischen Kalender.

• Entwicklung und Einführung einer Full-Stack-Coaching-Erfahrung mit Chat-Fokus auf Next.js und dem Vercel Edge Network, mit agentenbasierten Workflows, die Pläne in Echtzeit an Bereitschaft, Belastung und persönliche Rahmenbedingungen anpassen.

• Entwicklung von Integrationen mit Garmin, Strava, Whoop und intervals.icu, sodass Schlaf-, HRV- und Fahrdaten ohne manuelle Eingabe in die Coaching-Empfehlungen einfließen.

• Produktvision: Hochwertige Coaching-Prinzipien durch die Verbindung adaptiver Trainingslogik mit verständlicher Konversation skalierbar zugänglich machen – nicht durch ein weiteres Metrik-Dashboard.

• Senior-Softwareentwickler mit Schwerpunkt auf React-, TypeScript- und KI-gestützten Produktabläufen
• Entwicklung von Frontend-Systemen für komplexe SaaS-Produkte, interne Tools und operative Abläufe
• Zuletzt Entwicklung von Tools zur KI-Evaluierung, Analyse der Support-Zuverlässigkeit und QA-Systemen für Entwickler
• Verfügbar für freiberufliche und befristete Aufträge, insbesondere Remote-first-Projekte

• Gestaltung und Entwicklung responsiver, barrierefreier Webanwendungen für KMU und Privatkunden mit React.js, Tailwind CSS, JavaScript und HTML5.
• Aufbau wiederverwendbarer UI-Komponentenbibliotheken zur Verbesserung der Wartbarkeit und Reduzierung der Entwicklungszeit.
• Integration von REST-APIs und Implementierung dynamischer Funktionen (Landingpages, Portfolios, Dashboards) auf Basis von Figma/Adobe XD-Designs.
• Eigenständige Steuerung des gesamten Projektzyklus (Analyse, Entwicklung, Test, Deployment auf Netlify/Vercel) unter Einhaltung von Mobile-First- und Cross-Browser-Standards.

Selbst initiiertes Einzelprojekt, aktiv in Entwicklung

• Full-Stack-TypeScript-App (Nuxt 4, Vue 3, Nitro, Drizzle ORM, PostgreSQL) zum Leiten von Pen-&-Paper-RPG-Kampagnen, aufgebaut um einen systemunabhängigen Kern, der so entworfen ist, dass er sich von Pathfinder 2e auf andere Systeme erweitern lässt, ohne etwas neu zu schreiben.
• Bewusstes Modell für Inhaltsbesitz: Live References vs. Owned Content, mit Publishing als unveränderlichem Snapshot statt als Flag, von Anfang an für Zukunftssicherheit ausgelegt. Namensraum-basierte, eingefrorene Slugs für kollisionssichere URLs.
• Daten-Import-Pipeline, die kuratierte Foundry-VTT-Daten in ein normalisiertes Schema importiert, mit Versionsprüfung. Die Bibliothek enthält aktuell 1.209 Kreaturen und 1.796 Zauber (PF2e Remastered-Inhalte); die Lizenzierung ist für die Statblock-Anzeige unter ORC/OGL geklärt.
• Strikter TDD-Workflow (Red-Green-Refactor, vertikale Slices; Vitest, Playwright, PGlite für schnelle In-Memory-DB-Integrationstests), Architecture Decision Records, ein gepflegtes Domain-Glossar.
• Eigenständige, kontofreie öffentliche Tools (Creature Database, Spell Database, Encounter Builder), die vor dem vollständigen Kampagnen-/Abenteuerprodukt veröffentlicht werden, als Einstieg mit geringerer Hürde, um schneller echte Nutzung zu bekommen. Selbst gehostet auf einem Hosteurope-VPS.

Stack: Nuxt 4, Vue 3, Nitro, Drizzle ORM, PostgreSQL, Vitest, Playwright, PGlite

• Entwicklung einer SaaS-Plattform für Esports-Teams mit Rollen, Planung, Statistiken und Billing
• Konzeption und Umsetzung der Architektur, externer API-Anbindungen und des Betriebs
• Stack: Laravel 13, React 19, TypeScript, PostgreSQL, Redis und Stripe

• Verantwortlich für die Weiterentwicklung des Webshops speziell hinsichtlich Stabilität, Sicherheit und Skalierung
• Unterstützung des Business bei der Erstellung und Bewertung von Anforderungen
• Technologie: SAP Commerce Cloud, Adobe Experience Manager CMS (AEM), Solr Search, Adyen Payment Service Provider
• Tools: Confluence, Jira, Miro, ServiceNow

Gesamtarchitektur und technische Umsetzung eines Wix-basierten Abo-Frontends mit Stripe-Zahlung und Anbindung an das SaaS-Backend von Axxessio. Stripe Checkout, Abos, Webhooks und Transaktionsprotokoll end-to-end umgesetzt. Kundendaten und Vertragsinformationen automatisiert über eine JWT-geschützte REST API übertragen. Proxy- und Sicherheitsarchitektur für IP-Whitelisting, HMAC und den Betrieb dokumentiert und mit dem Backend-Team abgestimmt.

Stack: Wix Studio, Wix Velo, JavaScript, Stripe, Webhooks, JWT, HMAC, REST API, Hetzner, Cloudflare