DE · EL

Verfügbar für Projekte · 2026

Web Engineering. Rigoros. Strukturiert entwickelt. Automatisiert deployed.

Von der Frontend-Architektur über Astro und Next.js bis zur CI/CD-Pipeline auf Staging und Production — sauber aufgebaut, reproduzierbar released.

Services

Was ich mache

Drei Bereiche, die ineinandergreifen: strukturiertes Web Engineering, produktionsreife AI-Integration und eine Frontend-Architektur, die mit dem Projekt skaliert.

Web Engineering

Websites und Web-Apps mit messbaren Performance-Werten — gebaut um zu laufen, nicht hinterher optimiert. Von der Architektur bis zum Go-live.

Astro React Next.js

Typische Ergebnisse: Landingpage, Web-App, Performance-Audit

AI Integration

LLM-gestützte Features, produktionsreif in bestehende Systeme integriert — kein Proof of Concept, keine Workshop-Empfehlung, sondern laufende Lösung.

LLMs RAG Automation

Typische Ergebnisse: AI-Feature, Pipeline-Setup, API-Integration

Frontend Architecture

Strukturierte Komponenten-Basis, die mit dem Projekt wächst. Klare Schichten zwischen Design-Entscheidung und Implementierung — konsistent vom ersten Entwurf bis zur Production.

Components Tokens TypeScript

Typische Ergebnisse: Komponenten-Architektur, Token-System, technische Dokumentation

Work

Projekte

Web App

Homelab Dashboard

Monitoring-UI für Self-Hosted Services — Service-Status, Logs und Health-Checks in einer Ansicht.

Astro Docker Grafana
Mini-Case ansehen

PROBLEM

Status und Logs liegen verteilt (VMs, Container, Dienste). Überblick entsteht nur durch manuelle Checks und Kontextwechsel.

LÖSUNG

Zentrales Dashboard, das Service-Status, Log-Auszüge und einfache Health-Checks bündelt. Klarer Aufbau nach Services, kein Over-Engineering.

RESULTAT

  • • Schneller Überblick statt Kontextwechsel
  • • Weniger manuelle Checks
  • • Basis für weitere Services/Nodes
STACK Astro Node Docker Prometheus APIs

Automation

AI Content Pipeline

Redaktions-Workflow mit KI-Unterstützung und klaren Kontrollpunkten.

Python LLM CI/CD
Mini-Case ansehen

PROBLEM

Inhalte entstehen unstrukturiert: Recherche, Entwurf, Review und Veröffentlichung laufen manuell oder ohne klar definierte Phasen.

LÖSUNG

Mehrstufiger Workflow mit festen Phasen: Recherche → Entwurf → Review → Freigabe → Deployment. KI unterstützt einzelne Schritte, ersetzt jedoch keine Entscheidung.

RESULTAT

  • • Wiederholbarer Prozess
  • • Klare Zuständigkeiten
  • • Konsistente Qualität
  • • Skalierbar ohne Kontrollverlust
STACK Python LLM APIs CI/CD Markdown

Website

Diese Website

Statischer Onepager mit CI/CD-Pipeline, Staging-Umgebung und atomarem Release-Switch — jeder Merge auf main triggert automatisch den Production-Deploy.

Astro GitHub Actions i18n
Mini-Case ansehen

ARCHITEKTUR

Statisches Astro-Routing je Sprache (/de, /en, /el). Gemeinsames Layout, geteilte Komponenten — Inhalte als separater Content-Layer.

DEPLOYMENT

Push auf staging-Branch → Build → rsync → Atomic Release Switch. Merge auf main triggert identischen Prozess für Production. Kein manueller Schritt.

RESULTAT

Änderungen werden auf Staging getestet, bevor sie Production erreichen. Klare URL-Struktur, saubere i18n-SEO-Signale, erweiterbar für weitere Sprachen.

STACK Astro GitHub Actions rsync i18n

Website

wpsetup.de

WordPress-Basis mit sauberer Struktur, reproduzierbaren Einstellungen und dokumentiertem Betriebsmodell.

Content Performance Betrieb
Mini-Case ansehen

AUSGANGSLAGE

WordPress-Projekt im Aufbau — Fokus auf eine belastbare Basis (Struktur, Wartbarkeit, klare Abläufe), bevor es als Referenz „live" geführt wird.

LÖSUNG

Schrittweiser Aufbau mit dokumentierten Grundlagen: klare Struktur, reproduzierbare Einstellungen und ein Vorgehen, das Änderungen kontrolliert statt „ad hoc" durchführt.

RESULTAT

  • • Saubere Basis für Ausbau
  • • Änderungen nachvollziehbar und kontrolliert
  • • Wartungsorientierte Struktur
STACK WordPress Deployment Betrieb

Website

wendelin-praxis.de

Webauftritt für eine Arztpraxis — klare Informationsstruktur, schlanker Betrieb, Formularfluss mit DSGVO-Fokus.

Astro Formular DSGVO
Mini-Case ansehen

ANFORDERUNG

Klarer Web-Auftritt für eine Arztpraxis — rechtssicher, schnell erreichbar, ohne laufenden Wartungsaufwand.

UMSETZUNG

Statisch gebaut, DSGVO-konformes Kontaktformular mit Spam-Schutz. Kein CMS-Overhead, keine veralteten Abhängigkeiten.

RESULTAT

  • • Schnell und wartungsarm
  • • Klare Informationsstruktur
  • • Kein Sicherheitsrisiko durch Plugins
STACK Astro CSS PHP

Website / Web App

greekdelivery.pages.dev

Schlanke Bestell-Web-App mit Warenkorb-Flow — Bestellabschluss erzeugt eine strukturierte WhatsApp-Nachricht.

Web App Pages Checkout
Mini-Case ansehen

PROBLEM

Bestellungen laufen manuell per WhatsApp ohne strukturierten Prozess auf Kundenseite.

LÖSUNG

Statische Web-App mit Warenkorb (LocalStorage) — Bestellabschluss generiert eine strukturierte WhatsApp-Nachricht.

RESULTAT

  • • Kein Backend nötig
  • • Bestehender WhatsApp-Kanal bleibt erhalten
  • • Keine App-Installation
STACK Astro LocalStorage Cloudflare Pages

Process

So läuft ein Projekt

01

Analyse & Scope

Anforderungen klären, Stack evaluieren, Umfang definieren. Ergebnis: ein klarer Projektplan mit Meilensteinen.

02

Umsetzung

Iterative Entwicklung mit definierten Abnahmen. Code-Reviews, automatisierte Tests und CI/CD-gestütztes Deployment.

03

Launch & Betrieb

Go-live mit Performance-Audit, Monitoring-Setup und optionaler laufender technischer Betreuung.

Projekt besprechen?

Kein Sales-Call. Ein technisches Erstgespräch — Problem, Scope, Machbarkeit.

Projekt anfragen