#Astro

9 artículos especializados sobre Astro — diseño web, desarrollo y UX.

Infografía animada para el proyecto Bienenatlas — cuadrícula hexagonal de 11 municipios, cuatro tarjetas de estadísticas de fuentes de datos y un diagrama de flujo sobre fondo oscuro
Astro Nano Banana GBIF Fenología DWD OpenStreetMap Netlify SEO AEO Periodismo de datos

Bienenatlas — de la granja de Mehrum a la plataforma para 121 municipios alemanes

Cómo un dashboard de abejas para una sola apicultora se convirtió en un portal nacional de abejas silvestres con 134 páginas indexables, 235 ilustraciones y cuatro fuentes de datos.

11 min de lectura
Leer más
@wendermedia/astro-components v3.0 — migración a Astro 6 y Wender Media Source License
Astro Astro 6 npm Tailwind 4 Storybook Código abierto Licencias

astro-components v3.0 — Astro 6, Tailwind 4, nueva licencia

Release mayor de la librería de componentes: Astro 6 + Tailwind 4 + Storybook 10 + Wender Media Source License v1.0. La asimetría entre migración de librería y sitio.

8 min de lectura
Leer más
Model Release Form para fotógrafos — compliance KUG §22 + RGPD con firma digital
Fotografía Legal RGPD KUG Astro Forms Brevo

Model Release Form: sistema de consentimiento legal para fotógrafos (KUG §22 + RGPD)

Formulario trilingüe de cesión de derechos con firma digital, envío de PDF y compliance KUG §22 + RGPD Art. 7. Construido para mi portafolio de fotografía, en camino a convertirse en un sistema independiente para fotógrafos.

9 min de lectura
Leer más
Paquete npm @wendermedia/astro-components con 150 componentes — terminal y Storybook
Astro npm Open Source Component Library Storybook Design System

astro-components v2.0 — 150 Componentes en npm

La librería de componentes Astro ya está disponible como paquete npm open source. 150 componentes en 17 categorías con Storybook en vivo.

6 min de lectura
Leer más
Tutorial rápido: 5 pasos desde npm install hasta una página Astro terminada
Astro Tutorial npm Component Library Storybook

Proyecto Astro en 5 Minutos

Tutorial rápido: instala componentes Astro, exploralos en Storybook e integralos en tu proyecto. Desde npm install hasta una página terminada.

10 min de lectura
Leer más
Librería de componentes con más de 45 componentes Astro en Atomic Design
Atomic Design Astro Component Architecture

Atomic Design en la práctica: 45+ componentes Astro

Cómo Atomic Design produce una biblioteca de componentes escalable para un portfolio trilingüe. Ejemplos reales de átomos, moléculas y organismos.

15 min de lectura
Leer más
Enrutamiento de URLs trilingüe con mapeo de slugs en Astro
Astro i18n Routing

Astro i18n sin plugins: Guía de mapeo de slugs

Construye un sitio trilingüe con URLs traducidas usando el enrutamiento i18n nativo de Astro y una tabla de slugs. Tutorial paso a paso sin plugins.

12 min de lectura
Leer más
Diagrama de jerarquía Atomic Design — átomos, moléculas, organismos
Design Systems Architecture Astro

Atomic Design: Arquitectura de Componentes

Metodología Atomic Design de Brad Frost -- átomos, moléculas, organismos, templates y páginas con ejemplos reales en Astro.

14 min de lectura
Leer más
Métricas de rendimiento Core Web Vitals — LCP, INP, CLS
Performance Core Web Vitals Astro

Construyendo para el Rendimiento: La Guía Completa de Core Web Vitals

Domina LCP, INP y CLS — arquitectura zero-JS de Astro, estrategias de imágenes, presupuestos CSS, carga de fuentes y flujos de medición.

13 min de lectura
Leer más