Blog

Insights und Tutorials zu Webdesign, Entwicklung und digitaler Strategie.

Blog

Dreisprachiges URL-Routing — Astro-i18n-Slug-Mapping mit übersetzten Pfaden
Astro i18n Routing

Astro i18n ohne Plugin: Slug-Mapping-Anleitung

Dreisprachige Website mit übersetzten URLs bauen. Astros i18n-Routing und eine Slug-Tabelle ersetzen jedes Plugin. Schritt-für-Schritt-Tutorial.

12 Min. Lesezeit
Mehr erfahren
SVG-Hero-Animationen mit reinem CSS — null JavaScript
SVG CSS Animation Performance

SVG Hero-Animationen ohne JavaScript

Mit reinem CSS und SVG animierte Hero-Hintergründe für jede Seite erstellen — ohne ein einziges Byte JavaScript.

19 Min. Lesezeit
Mehr erfahren
JSON-LD-Strukturdaten für Google Rich Results
SEO JSON-LD Schema.org

JSON-LD in Astro: Schema.org für LocalBusiness & FAQ

Schema.org JSON-LD in Astro — LocalBusiness, FAQPage, Service und BreadcrumbList mit Copy-Paste-Beispielen. Jetzt für SEO und AI Overviews einsetzen.

13 Min. Lesezeit
Mehr erfahren
Atomic-Design-Hierarchie — Atome, Moleküle, Organismen
Design Systems Architecture Astro

Atomic Design: Komponentenarchitektur

Atomic Design nach Brad Frost -- Atome, Moleküle, Organismen, Templates und Seiten mit praxisnahen Astro-Beispielen erklärt.

14 Min. Lesezeit
Mehr erfahren
Design Tokens — colors, spacing, typography as CSS custom properties
CSS Design Tokens Design Systems

Design Tokens: Fundament skalierbarer Websites

Wie CSS Custom Properties Konsistenz bei Farben, Abständen, Typografie und Theming schaffen. Ein Leitfaden für tokenbasierte Design-Systeme.

13 Min. Lesezeit
Mehr erfahren
Core Web Vitals Performance-Metriken — LCP, INP, CLS
Performance Core Web Vitals Astro

Core Web Vitals: Der komplette Performance Guide

LCP, INP und CLS meistern — Astros Zero-JS-Architektur, Bildstrategien, CSS-Budgets, Font-Loading und Mess-Workflows für Top-Scores.

12 Min. Lesezeit
Mehr erfahren