#Astro

9 expert articles about Astro — covering web design, development and UX.

Animated infographic for the Bienenatlas project — 11-hex municipality grid, four data-source stat callouts, and a data-flow diagram on a dark background
Astro Nano Banana GBIF DWD Phenology OpenStreetMap Netlify SEO AEO Data Journalism

Bienenatlas — from one farm in Mehrum to a platform for 121 German municipalities

How a single-farm bee dashboard for one beekeeper became a national Wildbienen portal with 134 indexable pages, 235 images, and four scientific data sources.

11 min read
Read more
@wendermedia/astro-components v3.0 — Astro 6 migration and Wender Media Source License
Astro Astro 6 npm Tailwind 4 Storybook Open Source Licensing

astro-components v3.0 — Astro 6, Tailwind 4, new license

Major release of the component library: Astro 6 + Tailwind 4 + Storybook 10 + Wender Media Source License v1.0. The library vs site migration asymmetry.

7 min read
Read more
Model Release Form for photographers — KUG §22 + GDPR compliance with digital signature
Photography Legal GDPR KUG Astro Forms Brevo

Model Release Form: legally sound consent system for photographers (KUG §22 + GDPR)

Trilingual model release form with digital signature, PDF email delivery, and compliance for German KUG §22 + GDPR Article 7. Built for my photography portfolio, on the way to becoming a standalone system for photographers.

9 min read
Read more
@wendermedia/astro-components npm package with 150 components, terminal and Storybook
Astro npm Open Source Component Library Storybook Design System

astro-components v2.0 — 150 Components on npm

The Astro Component Library is now available as an open-source npm package. 150 components in 17 categories with a live Storybook to explore.

10 min read
Read more
Quick start tutorial: 5 steps from npm install to a finished Astro page
Astro Tutorial npm Component Library Storybook

Set Up an Astro Project in 5 Minutes

Quick start tutorial: install Astro components, explore them in Storybook, and integrate into your project. From npm install to a finished page.

9 min read
Read more
Component library with 45+ Astro components in Atomic Design
Atomic Design Astro Component Architecture

Atomic Design in Practice: 45+ Astro Components

How Atomic Design produces a scalable component library for a trilingual portfolio. Real code examples from atoms, molecules, and organisms.

20 min read
Read more
Trilingual URL routing with Astro i18n slug mapping
Astro i18n Routing

Astro i18n Without Plugins: Slug Mapping Guide

Build a trilingual website with translated URLs using Astro built-in i18n routing and a custom slug table. Step-by-step tutorial, no plugins needed.

12 min read
Read more
Atomic Design hierarchy diagram — atoms, molecules, organisms
Design Systems Architecture Astro

Atomic Design: Component Architecture

Brad Frost Atomic Design methodology -- atoms, molecules, organisms, templates, and pages explained with real-world Astro examples.

14 min read
Read more
Core Web Vitals performance metrics — LCP, INP, CLS
Performance Core Web Vitals Astro

Building for Performance: The Complete Core Web Vitals Guide

Master LCP, INP, and CLS optimization — from Astro zero-JS architecture to image strategies, CSS budgets, font loading, and real-world measurement workflows.

12 min read
Read more