Blog
Insights und Tutorials zu Webdesign, Entwicklung und digitaler Strategie.
Atomic Design in der Praxis: Ein Portfolio mit 45+ Astro-Komponenten
Wie ich mit Atomic Design eine skalierbare Komponentenbibliothek für mein dreisprachiges Portfolio gebaut habe — mit echten Codebeispielen aus Atomen, Molekülen und Organismen.
Mehr erfahren
Astro i18n ohne Plugin: Dreisprachige Websites mit Slug-Mapping
Wie man mit Astros eingebautem i18n-Routing und einer eigenen Slug-Tabelle eine vollständig dreisprachige Website mit übersetzten URLs baut — ohne externe Plugins.
Mehr erfahren
SVG Hero-Animationen ohne JavaScript: Seiten-spezifische visuelle Identitäten
Wie man mit reinem CSS und SVG einzigartige, animierte Hero-Hintergründe für jede Seite erstellt — ohne ein einziges Byte JavaScript.
Mehr erfahren
Strukturierte Daten für besseres SEO: JSON-LD in Astro-Seiten
Wie man mit JSON-LD und Schema.org strukturierte Daten in Astro-Seiten einbaut — für FAQPage, Service, BreadcrumbList und LocalBusiness Rich Results in Google.
Mehr erfahren
Einführung in Atomic Design
Ein umfassender Leitfaden zur Atomic-Design-Methodik von Brad Frost — Atome, Moleküle, Organismen, Templates und Seiten erklärt mit praxisnahen Astro-Beispielen.
Mehr erfahren
Design Tokens: Das Fundament jedes Design-Systems
Ein Deep Dive in Design Tokens — wie CSS Custom Properties Konsistenz bei Farben, Abständen, Typografie und Theming für skalierbare Webanwendungen schaffen.
Mehr erfahren
Für Performance bauen: Der komplette Core Web Vitals Guide
LCP, INP und CLS Optimierung meistern — von Astros Zero-JS-Architektur über Bildstrategien, CSS-Budgets, Font-Loading bis zu Mess-Workflows.
Mehr erfahren