Monthly Archives: May 2025

Wer fetch() direkt verwendet, bekommt von TypeScript keinerlei Garantie über die Form der Antwort: response.json() liefert any, und ein einfacher Generic-Parameter validiert zur Laufzeit gar nichts. Dieser Artikel zeigt, wie ein generischer Fetch-Wrapper mit typisierten Fehlerergebnissen, Timeout-Handling und einem praktischen API-Client echte Typsicherheit für Magento- und Headless-Projekte schafft.

Ein Webhook-Endpunkt unterscheidet sich fundamental von einer klassischen REST-API, die man selbst aufruft, weil man weder den Zeitpunkt noch die Häufigkeit der eingehenden Zustellung kontrolliert und dem Absender zunächst vertrauen oder dessen Identität kryptografisch prüfen muss. Wer diese Eigenheiten beim Entwurf übersieht, baut fast zwangsläufig eine Lücke ein, sei es eine ungeprüfte Signatur, eine doppelt verarbeitete Zahlung oder ein Endpunkt, der unter Last einfach Events verliert. Dieser Artikel zeigt, wie Claude beim robusten Entwurf von Signaturprüfung, Idempotenz und anbieterspezifischem Retry-Verhalten hilft.

Eine PWA mit Vue und Vite verwandelt eine bestehende Webanwendung in eine installierbare, offline-fähige App, ohne App-Store-Review und ohne separate native Codebasis. Mit vite-plugin-pwa lassen sich Service Worker, Web-App-Manifest und Caching-Strategien weitgehend automatisiert konfigurieren, während Update-Handling und Offline-Verhalten gezielt auf die eigene Anwendung zugeschnitten werden.

Drag-and-Drop wirkt simpel, bis man Ghost-Images debuggt, Touch-Events auf Mobilgeräten nicht funktionieren und der Zustand nach dem Drop nicht konsistent ist. Vue 3 bietet mit der Composition API und spezialisierten Bibliotheken alle Bausteine für ein sauberes Drag-and-Drop ohne visuellen oder logischen Chaos.

Ein Dateiupload ohne Fortschrittsanzeige, ohne Vorschau und ohne verständliche Fehlermeldungen frustriert Nutzer. Vue 3 bietet mit der Composition API, der FileReader-API und Axios-Upload-Progress alle Bausteine für einen professionellen Dateiupload — wenn man weiß, wie sie zusammenspielen.

Multi-Store klingt in Magento 2 oft einfacher, als es im Betrieb wirklich ist. Mehrere Shops in einer Instanz können enorme Vorteile bringen, aber nur wenn Websites, Stores, Store Views, Kataloglogik und Verantwortlichkeiten sauber modelliert werden.

Reproduzierbare Entwicklungsumgebungen sind kein Luxus – sie sind Voraussetzung für stabile Teams und zuverlässige CI-Ergebnisse. Dev Container und Docker-basierte Workspaces in PhpStorm verbinden containerisierte Umgebungen mit vollem IDE-Komfort: Autocompletion, Navigation, Debugging und Refactoring laufen im Container, der Editor bleibt lokal.

Ein Domain-Typ bündelt einen Basisdatentyp mit einem oder mehreren Constraints zu einem eigenen, benannten Typ, den beliebig viele Tabellen und Spalten wiederverwenden können. Dieser Beitrag zeigt CREATE DOMAIN und ALTER DOMAIN im Detail, praktische Beispiele für E-Mail-Adressen und positive Beträge, Migrationen bestehender Spalten und die Grenzen dieses Ansatzes gegenüber Constraints pro Spalte.

Seit Vue 3.4 (und weiter verfeinert in Vue 3.5) übernimmt das Compiler-Makro defineModel die gesamte Verdrahtung, die früher aus einer props-Deklaration, einem emits-Eintrag und einem manuellen emit('update:modelValue', wert) bestand. Wer v-model an eigenen Komponenten anbietet, kommt mit einer einzigen Zeile aus, die sich wie ein normaler ref verhält, aber automatisch in beide Richtungen synchronisiert.

WCAG 2.2 wurde im Oktober 2023 vom W3C als Empfehlung verabschiedet und bringt neun neue Erfolgskriterien mit, die WCAG 2.1 gezielt ergänzen. Für Shops, die bereits auf 2.1 AA geprüft sind, bedeutet das keinen Neustart, aber eine konkrete Liste an zusätzlichen Prüfpunkten, die vor allem im Checkout spürbar werden.