Cómo está hecho este sitio

Stack

Framework

Astro 7 — sitio 100% estático, 123+ páginas pre-renderizadas

3D / WebGL

react-three-fiber + drei, cargado perezoso solo donde hay escena

Animación

GSAP + framer-motion + Lenis (smooth scroll)

Tipografías

Asimovian (display) + IBM Plex Sans (texto) + Lekton (mono), self-hosted

Fotos

sharp para optimización en build (WebP responsive por breakpoint)

Búsqueda

Pagefind — indexado en build, sin backend

Proceso editorial

Contenido

archivos .md en src/content/ — la fuente de verdad es el repo

Admin visual

Keystatic local en /keystatic: formularios, WYSIWYG y drag&drop de imágenes

Generadores

npm run new-album / new-post / new-project — scaffolding con sharp

Deploy

npm run deploy:full: build local → FTP incremental → verificación automática (10 checks)

Decisiones

• Sin servidor: todo es estático, el hosting solo sirve archivos. Menos superficie de fallo, cero mantenimiento.
• Sin base de datos: el contenido vive en git. Cada cambio tiene diff, historia y backup gratis.
• Offline primero: el sitio builda igual sin conexión al CMS viejo — el modo local es el camino principal, no el fallback.
• Performance como feature: el LCP de la home bajó de 11.4s a ~5s midiendo con Lighthouse en cada cambio grande.