Seite 23 - Mironsoft Blog

Traefik oder nginx-proxy für lokale Docker-Stacks

Dezember 26, 2025

Docker · Traefik · nginx-proxy · Reverse Proxy

Traefik oder nginx-proxy
für lokale Docker-Stacks

Lokale Docker-Entwicklungsumgebungen mit mehreren Projekten brauchen einen Reverse Proxy, der Domains auf Container leitet und HTTPS-Zertifikate verwaltet. Traefik und nginx-proxy lösen dasselbe Problem mit fundamental unterschiedlichen Ansätzen. Dieser Beitrag zeigt, welcher Proxy in welchem Szenario die bessere Wahl ist.

13 Min. Lesezeit Traefik · nginx-proxy · mkcert · Service-Discovery Docker Compose · lokale HTTPS · Multi-Projekt

Inhaltsverzeichnis

1. Das Problem: Mehrere Projekte, ein lokaler Stack
2. nginx-proxy: Einfach, stabil, konfigurationsarm
3. Traefik: Dynamisch, label-gesteuert, mit Dashboard
4. HTTPS lokal: mkcert, Zertifikate und Browser-Vertrauen
5. Multi-Projekt-Setup: Gemeinsames Netzwerk und DNS
6. Traefik-Labels im Detail: Routing und Middleware
7. nginx-proxy mit angepasster nginx-Konfiguration
8. Direkter Vergleich: Traefik vs. nginx-proxy
9. Empfehlung: Welcher Proxy

PhpStorm als Zentrale für Docker- und Magento-Projekte

Dezember 25, 2025

IDE

{ }

PhpStorm · Docker · Magento 2 · Xdebug

PhpStorm als Zentrale für
Docker- und Magento-Projekte

PhpStorm kann mehr als nur Code anzeigen: Docker-Compose-Services starten, Xdebug im Container aktivieren, Magento-CLI-Befehle ausführen und Remote-Interpreter für Autocompletion nutzen – wenn man weiß, was wirklich zusammengehört und was besser im Terminal bleibt.

20 Min. Lesezeit Docker · Xdebug · Remote-Interpreter · Magento-CLI · Mark Shust Setup PhpStorm 2024+ · Magento 2.4.x · PHP 8.4

Inhaltsverzeichnis

1. Was PhpStorm wirklich zur Zentrale macht
2. Remote-PHP-Interpreter für Docker einrichten
3. Xdebug im Docker-Container mit PhpStorm verbinden
4. Magento-CLI-Befehle aus PhpStorm starten
5. Path Mappings: Container-Pfade und lokale Pfade abbilden
6. Docker-Compose-Services aus PhpStorm steuern
7. Container-Logs direkt in PhpStorm verfolgen
8. Was besser im Terminal bleibt
9. Vergleich: PhpStorm-Integration vs. Terminal-Workflow
10. Zusammenfassung
11. FAQ

1. Was PhpStorm wirklich

find, xargs und Null-Byte-sichere Workflows in Bash

Dezember 24, 2025

Bash · find · xargs · Null-Byte · Parallelisierung · Dateioperationen

find, xargs und Null-Byte-sichere Workflows
-print0, -0, Parallelisierung mit -P und sichere Dateinamen

find und xargs gehören zu den meistgenutzten Shell-Tools – und zu den am häufigsten falsch verwendeten. Der Null-Byte-Delimiter, korrekte Parallelisierung und der sichere Umgang mit beliebigen Dateinamen sind keine Randthemen, sondern die Grundlage für Bash-Workflows, die auch auf produktiven Systemen mit echten Dateinamen zuverlässig funktionieren.

13 Min. Lesezeit find · xargs · -print0 · -0 · -P · Null-Byte · GNU Parallel Bash 4.x · 5.x · GNU coreutils · Linux · macOS

Inhaltsverzeichnis

1. Das Problem mit Dateinamen und Whitespace
2. find -print0: Null-Byte als sicherer Delimiter
3. xargs -0: Null-Byte-Eingaben verarbeiten
4. find -print0 | xargs -0: die sichere Kombination
5. Parallelisierung mit xargs -P
6. GNU Parallel als Alternative zu xargs -P
7. Bash read-Loop als Alternative zu xargs
8. Große Verzeichnisse

JavaScript Immutability Patterns: Unveränderliche Datenstrukturen richtig einsetzen

Dezember 24, 2025

JS

() =>

JavaScript · Immutability · Funktionale Programmierung · State Management

JavaScript Immutability Patterns
Unveränderliche Datenstrukturen richtig einsetzen

Mutabler State ist die häufigste Quelle schwer findbarer Bugs in JavaScript-Anwendungen. Immutability Patterns machen Zustandsänderungen explizit, ermöglichen Änderungserkennung per Referenzvergleich und verhindern, dass shared State an unerwarteten Stellen verändert wird – von Object.freeze bis zu Records und Tuples.

15 Min. Lesezeit Object.freeze · Spread · Immer.js · Records & Tuples ES2015+ · React · Redux · State Management

Inhaltsverzeichnis

1. Warum mutabler State Bugs produziert
2. Object.freeze: Shallow vs. Deep Immutability
3. Spread-Operator und Object.assign als Immutability-Werkzeuge
4. Immutable Array-Operationen ohne Mutation
5. Strukturelles Sharing: Effizienz ohne Kopieren
6. Immer.js: Mutable schreiben, immutable erhalten
7. Referenzgleichheit und Change Detection
8. Records und Tuples: native Immutability

Tailwind CSS Navigation Patterns: Sticky Header, Mega-Menü und Mobile Nav

Dezember 24, 2025

</>

tw

Tailwind CSS · Navigation · Alpine.js · Barrierefreiheit

Tailwind CSS Navigation Patterns
Sticky Header, Mega-Menü und Mobile Nav mit Alpine.js

Navigation ist das Rückgrat jeder Website – und gleichzeitig die Komponente, an der sich zeigt, ob Tailwind CSS nur für einfache Styling-Aufgaben genutzt wird oder als vollständiges UI-System. Diese Anleitung zeigt, wie die wichtigsten Tailwind CSS Navigation Patterns korrekt implementiert werden: mit ARIA-Attributen, Keyboard-Navigation und Alpine.js.

16 Min. Lesezeit Sticky Header · Mega-Menü · Mobile Nav · Breadcrumb · Sidebar Tailwind CSS · Alpine.js · ARIA · WCAG 2.2

Inhaltsverzeichnis

1. Grundlagen: Navigation mit Tailwind CSS richtig aufsetzen
2. Sticky Header mit Scroll-Behavior
3. Dropdown-Menü mit Alpine.js und ARIA
4. Mega-Menü: Kategorie-Navigation für E-Commerce
5. Mobile Hamburger-Navigation
6. Off-Canvas-Sidebar mit Overlay
7. Breadcrumb-Navigation mit Schema.org
8. Navigation Patterns im direkten Vergleich
9. ARIA und Keyboard-Navigation

UNION vs. UNION ALL: Wann welcher Operator richtig ist

Dezember 23, 2025

SQL

UNION

SQL · MySQL 8 · Query-Optimierung · Magento

UNION vs. UNION ALL:
Wann welcher Operator richtig ist

SQL UNION entfernt Duplikate durch einen impliziten DISTINCT-Schritt – das kostet Zeit. UNION ALL gibt alle Zeilen zurück, ohne zu deduplizieren. Der Unterschied klingt trivial, ist aber in der Praxis performance-entscheidend.

14 Min. Lesezeit Praxisbeispiele Performance-Vergleich Magento Reporting

Inhaltsverzeichnis

1. Das Grundprinzip: DISTINCT-Schritt vs. direkte Ausgabe
2. Wann UNION ALL immer die richtige Wahl ist
3. Wann UNION notwendig bleibt
4. ORDER BY auf UNION-Ergebnissen
5. LIMIT-Optimierung in MySQL 8
6. INTERSECT und EXCEPT in MySQL 8.0.31+
7. Magento: Aktive und archivierte Bestellungen kombinieren
8. Unterstützung
9. Zusammenfassung
10. FAQ

1. Das Grundprinzip: DISTINCT-Schritt vs. direkte Ausgabe

Der Unterschied zwischen SQL UNION und UNION ALL lässt sich in einem Satz zusammenfassen: UNION wendet nach dem Zusammenführen beider Ergebnismengen ein implizites DISTINCT

Docker-Interpreter in PhpStorm sauber aufsetzen

Dezember 23, 2025

IDE

{ }

PhpStorm · Docker · PHP-Interpreter · XDebug

Docker-Interpreter in PhpStorm
sauber aufsetzen

Wer PHP in einem Docker-Container betreibt, will auch PhpStorm mit dieser PHP-Version arbeiten lassen – für Autocompletion, Navigation, Tests und Debugging. Der Docker-Interpreter in PhpStorm verbindet IDE und Container, ohne dass PHP lokal installiert sein muss. Dieser Artikel zeigt, wie er korrekt konfiguriert wird.

13 Min. Lesezeit Docker Compose · PHP-Interpreter · XDebug · Path-Mappings · Composer PhpStorm 2024.x · Docker · PHP 8.x · Magento 2

Inhaltsverzeichnis

1. Warum Docker-Interpreter statt lokaler PHP-Installation
2. Docker-Verbindung in PhpStorm einrichten
3. PHP-Interpreter aus Docker-Container konfigurieren
4. Composer über den Docker-Interpreter nutzen
5. PHPUnit-Tests im Docker-Container ausführen
6. XDebug mit Docker-Interpreter konfigurieren
7. Path-Mappings verstehen und richtig setzen
8. Häufige Fehler und ihre Lösungen
9. Zusammenfassung
10. FAQ

1. Warum Docker-Interpreter

SSR, SSG und Hybrid-Rendering in Nuxt sauber einsetzen

Dezember 23, 2025

<v/>

{ }

Nuxt · Vue.js · SSR · SSG · Hybrid-Rendering

SSR, SSG und Hybrid-Rendering in Nuxt 3
Den richtigen Rendering-Modus für jede Route wählen

Nuxt 3 bietet Server Side Rendering, Static Site Generation, Incremental Static Regeneration und Hybrid-Rendering — alles in einem Framework. Wer die Unterschiede nicht kennt, verschenkt Performance und SEO-Potenzial. Dieser Artikel erklärt alle Rendering-Modi mit konkreten Route-Rules-Konfigurationen und typischen Fallstricken.

16 Min. Lesezeit SSR · SSG · ISR · Route Rules · Hydration · Caching Nuxt 3 · Vue 3 · Nitro · TypeScript

Inhaltsverzeichnis

1. Rendering-Modi in Nuxt 3: Überblick und Entscheidungsrahmen
2. SSR: Server Side Rendering für dynamische Inhalte
3. SSG: Static Site Generation für maximale Performance
4. ISR: Incremental Static Regeneration als Kompromiss
5. Hybrid-Rendering: Verschiedene Modi pro Route
6. Route Rules: Rendering-Strategie deklarativ konfigurieren
7. Hydration-Fehler verstehen und vermeiden
8. Server-Caching mit

Tailwind

Tailwind CSS Animationen: Keyframes, Transitions und animate-Utilities

Mir Admin - Dezember 23, 2025

Wer Tailwind CSS nur für statisches Styling nutzt, verschenkt erhebliches Potenzial. Die eingebauten animate-Utilities, konfigurierbare Keyframes und das transition-System ermöglichen flüssige, performante UI-Animationen — ohne eine einzige Zeile eigenes CSS schreiben zu müssen. Dieser Artikel zeigt, wie es geht.