#Astro

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

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

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

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

15 min read
Read more