#Astro

9 Fachartikel zum Thema Astro — von Webdesign über Entwicklung bis UX.

Animierte Infografik zum Bienenatlas — Hexagon-Gitter für 121 Gemeinden, vier Datenquellen-Kennzahlen und Datenfluss-Diagramm vor dunklem Hintergrund
Astro Nano Banana GBIF DWD Phänologie OpenStreetMap Netlify SEO AEO Datenjournalismus

Bienenatlas — vom Hof in Mehrum zur Plattform für 121 Gemeinden

Wie aus einem Hof-Dashboard für eine einzelne Imkerin ein nationales Wildbienen-Portal mit 134 indexierbaren Seiten, 235 Bildern und vier Datenquellen wurde.

11 Min. Lesezeit
Mehr erfahren
@wendermedia/astro-components v3.0 — Astro 6 Migration und Wender Media Source License
Astro Astro 6 npm Tailwind 4 Storybook Open Source Lizenzierung

astro-components v3.0 — Astro 6, Tailwind 4, neue Lizenz

Major-Release der Component Library: Astro 6 + Tailwind 4 + Storybook 10 + Wender Media Source License v1.0. Die Asymmetrie zwischen Library- und Site-Migration.

8 Min. Lesezeit
Mehr erfahren
Model Release Form für Fotografen — KUG §22 + DSGVO Compliance mit digitaler Signatur
Fotografie Recht DSGVO KUG Astro Forms Brevo

Model Release Form: rechtssicheres Einwilligungssystem für Fotografen (KUG §22 + DSGVO)

Trilinguale Model-Release-Form mit digitaler Signatur, PDF-Versand und Compliance für KUG §22 + DSGVO Art. 7. Gebaut für mein Fotografie-Portfolio, jetzt auf dem Weg zum eigenständigen System für Fotografen.

9 Min. Lesezeit
Mehr erfahren
@wendermedia/astro-components — npm-Paket mit 150 Komponenten, Terminal und Storybook
Astro npm Open Source Component Library Storybook Design System

astro-components v2.0 — 150 Komponenten auf npm

Die Astro Component Library ist als Open-Source npm-Paket verfügbar. 150 Komponenten in 17 Kategorien mit Live-Storybook zum Ausprobieren.

6 Min. Lesezeit
Mehr erfahren
Schnellstart-Tutorial: 5 Schritte — von npm install zur fertigen Astro-Seite
Astro Tutorial npm Component Library Storybook

Astro-Projekt in 5 Minuten aufsetzen

Schnellstart-Tutorial: Astro-Komponenten installieren, im Storybook erkunden und in ein Projekt integrieren. Von npm install bis zur fertigen Seite.

7 Min. Lesezeit
Mehr erfahren
Komponentenbibliothek mit über 45 Astro-Komponenten nach Atomic Design
Atomic Design Astro Component Architecture

Atomic Design in der Praxis: 45+ Astro-Komponenten

Wie Atomic Design eine skalierbare Komponentenbibliothek für ein dreisprachiges Portfolio ergibt. Codebeispiele aus Atomen, Molekülen und Organismen.

15 Min. Lesezeit
Mehr erfahren
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
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
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