#Astro

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

@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.

10 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.

10 Min. Lesezeit
Mehr erfahren
Component library with 45+ Astro components in 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, Molekuelen und Organismen.

15 Min. Lesezeit
Mehr erfahren
Trilingual URL routing with Astro i18n slug mapping
Astro i18n Routing

Astro i18n ohne Plugin: Slug-Mapping-Anleitung

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

12 Min. Lesezeit
Mehr erfahren
Atomic Design hierarchy diagram — atoms, molecules, organisms
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.

22 Min. Lesezeit
Mehr erfahren