Vercel Experts in Germany

• Development and optimization of the RTL+ frontend application for SmartTV and set-top box platforms with React and Next.js.
• Key role in the technical coordination of developers within the team and in coordinating implementation.
• Central interface to adjacent teams to simplify development processes and improve cross-team alignment.
• Improved frontend performance, stability, and rendering behavior on low-powered devices in a restricted runtime environment.
• Implemented a frontend testing strategy with Jest, React Testing Library, and Playwright.
• Implemented accessibility improvements according to WCAG 2.2 and WAI-ARIA.
• Integrated Didomi Consent Management as a contribution to increasing ad monetization on streaming platforms.
• Used AI-supported engineering workflows with Cursor for structured implementation, refactoring, and faster problem solving.

Technologies used: 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

· Initial situation and target picture – which problem does the platform solve, for which user group? · Requirements gathering and scope – from the idea through the processes to the scope, · Architecture and technology selection – stack, hosting, data storage,

• Vercel Inc. – hosting and delivery of the application.
• Supabase – database, authentication, and file storage.
• Stripe – processing payments for application and unlock fees.
• Resend – sending transactional notification emails
• Calendly – appointment booking for consultation calls; processes the data provided there (e.g. name, email address, appointment request). · AI components – which models or providers, which task does the AI take on exactly,
• Claude Opus 5 by Anthropic. · Data model and integrations – interfaces to third-party systems, import/export, APIs.

• Own full-stack development of an AI-native enterprise platform built on TypeScript, React, Vite, tRPC, Hono, and PostgreSQL, delivering AI-powered consulting workflows to B2B clients.
• Designed and shipped a multi-agent AI system using ReAct framework and Claude skills-style workflow patterns, including an intelligent PM assistant with rich system prompts, slash commands, tool integrations, and streaming chat UI.
• Architected an LLM evaluation framework: rubric-based LLM-as-judge, golden datasets, regression testing, and automated quality gating — ensuring consistent AI output quality at scale.
• Integrated LangFuse for end-to-end LLM tracing, conversation replays, and evaluation pipelines, enabling data-driven prompt optimisation that reduced token costs and response variance.
• Built with Drizzle ORM, pgvector, and knowledge graphs for structured data access, semantic search, and relationship-aware AI reasoning across the platform.
• Led TanStack React Query migration across the application — replacing manual state management with centralised caching and automatic refetching, reducing data-fetching boilerplate significantly.
• Practiced AI-native development throughout: Claude Code, Codex, Perplexity SDK, and LLM-assisted testing across the full development lifecycle. Deployed on Vercel + Azure ACA with Biome for linting/formatting.

• Led discovery phase and POC for Shopware to Shopify Plus migration across EMEA markets, evaluating platform suitability, technical architecture, and multi-brand/multi-country capabilities against business requirements.
• Designed reference architecture for Shopify Plus implementation incorporating headless front-end patterns (Vue.js, Nuxt.js), CMS integration (Magnolia), and Azure middleware (APIM, Functions, Logic Apps, Service Bus) for 11 EMEA markets.
• Defined migration strategy analyzing data mapping, cutover approach, and zero-downtime deployment patterns using Varnish caching, GitOps pipelines, and CI/CD orchestration across six vendor teams.
• Architected multi-tenant Shopify Plus governance model with centralized admin, localized storefront customization, and compliance controls (GDPR, data residency).
• Prototyped AI-driven search optimization (LLM.txt, JSON-LD) for product discoverability in Google AI results, demonstrating post-launch performance opportunities.
• Defined EMEA expansion roadmap for 15+ markets through C-level strategic workshops, identifying phased rollout, market-specific configurations, and resource requirements.
• 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

Technologies: 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

• Continuous evaluation and prioritization of internal automation needs
• ~20 AI agents in active use: research, content pipelines, document processing
• 5 n8n workflows for automated data and process control
• Architecture built on the same principles as in customer projects: state management, event-driven orchestration, API integration
• Ongoing operation and further development

struppilog.com – Digital health record for pets / MVP → Full Product

Design, development, and full further development of a digital health platform for pets – from my own MVP development to a fully built and production-ready platform.

Independent concept and development of the MVP Development of the full application with Flutter/Dart and Firebase Expansion of the MVP into a full digital health record with health data, findings, allergies, medications, documents, and emergency data Development of user registration, authentication, roles, data models, and secure user interactions Implementation of QR-code-based data exchange and digital interaction features Development of a multilingual, responsive web application Integration of AI-supported features and AI/agentic workflows Development and continuous improvement of product logic, UX/UI, and technical architecture Building and expanding a scalable cloud-based solution with Firebase Integration and further development of APIs and external services Use of AI-native / agentic engineering to speed up development, testing, debugging, and product iteration Independent implementation of all other features and technical extensions Continuous further development of the MVP into a full digital product

Impact: The MVP I built myself was continuously developed technically and functionally into a broad, production-ready platform – including frontend, backend, data model, authentication, UX/UI, APIs, cloud infrastructure, and ongoing product development.

• Built a complete real-time multiplayer platform with game engine, lobby system, game tables, spectator mode, and persistent game history.
• Implemented product-relevant multiplayer workflows with WebSocket communication, live synchronization, voice chat, mobile app features, and push notifications.
• Developed a scalable full-stack architecture with authentication, PostgreSQL persistence, premium/billing integration, and extensive test coverage.

• Building an AI-native coaching platform for cyclists: a conversational Dynamic Coach that turns training and recovery data into the next session decision, available daily instead of a static calendar.

• Designed and shipped a full-stack, chat-first coaching experience on Next.js and the Vercel Edge Network, with agentic workflows that adapt plans in real time to readiness, load, and life constraints.

• Built integrations with Garmin, Strava, Whoop, and intervals.icu so sleep, HRV, and ride data feed coaching recommendations without manual data entry.

• Product thesis: make high-quality coaching principles accessible at scale by combining adaptive training logic with plain-language conversation, not another metrics dashboard.

• Senior software engineer focused on React, TypeScript and AI-assisted product workflows
• Build frontend systems for complex SaaS products, internal tools and operational workflows
• Recent work includes AI evaluation tooling, support reliability analysis and developer-focused QA systems
• Available for freelance and contract engagements, especially remote-first projects

• Designing and developing responsive, accessible web applications for SMEs and private clients with React.js, Tailwind CSS, JavaScript, and HTML5.
• Building reusable UI component libraries to improve maintainability and reduce development time.
• Integrating REST APIs and implementing dynamic features (landing pages, portfolios, dashboards) based on Figma/Adobe XD designs.
• Independently managing the full project cycle (analysis, development, testing, deployment on Netlify/Vercel) while following mobile-first and cross-browser standards.

Self-initiated, solo project, in active development

• Full-stack TypeScript app (Nuxt 4, Vue 3, Nitro, Drizzle ORM, PostgreSQL) for running tabletop RPG campaigns, built around a system-agnostic core designed to extend from Pathfinder 2e to other systems without rewrites.
• Deliberate content-ownership model: Live References vs. Owned Content, with publishing modeled as an immutable snapshot rather than a flag, designed for forward compatibility from day one. Namespaced, frozen slugs for collision-safe URLs.
• Data ingestion pipeline importing curated Foundry VTT data into a normalized schema, with version-checking. Library currently holds 1,209 creatures and 1,796 spells (PF2e Remastered content); licensing confirmed clear under ORC/OGL for statblock display.
• Strict TDD workflow (red-green-refactor, vertical slices; Vitest, Playwright, PGlite for fast in-memory DB-integration tests), Architecture Decision Records, a maintained domain glossary.
• Standalone, account-free public tools (Creature Database, Spell Database, Encounter Builder) built to launch ahead of the full campaign/adventure product, as a lower-friction wedge to get real usage sooner. Self-hosted on a Hosteurope VPS.

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

• Development of a SaaS platform for esports teams with roles, scheduling, statistics, and billing
• Planning and implementation of the architecture, external API integrations, and operations
• Stack: Laravel 13, React 19, TypeScript, PostgreSQL, Redis, and Stripe

• Responsible for further developing the web shop with focus on stability, security, and scalability
• Support the business in creating and evaluating requirements
• Technology: SAP Commerce Cloud, Adobe Experience Manager CMS (AEM), Solr Search, Adyen Payment Service Provider
• Tools: Confluence, Jira, Miro, ServiceNow

Overall architecture and technical implementation of a Wix-based subscription frontend with Stripe payments and connection to Axxessio's SaaS backend. Implemented Stripe Checkout, subscriptions, webhooks, and transaction logging end to end. Customer data and contract information transferred automatically via a JWT-protected REST API. Designed and documented proxy and security architecture for IP whitelisting, HMAC, and operations, and aligned it with the backend team.

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