Colofón

Cómo está construido, alojado y compuesto este sitio.

01

Framework

Astro 5 con MDX, content collections y la API de view transitions ClientRouter. Sin framework de cliente — cada isla es TypeScript plano.

02

Contenido

Servicios, casos de estudio y posts viven en content collections tipadas con esquemas Zod. Cada entrada es un MDX indexado por locale. Los mismos helpers alimentan /, /es/ y /ca/.

03

Estilos

Sass escrito a mano con custom properties de CSS. Temas claro y oscuro comparten una sola capa de tokens. Sin utility framework — los tokens son semánticos, estilo W3C DTCG.

04

Tipografía

Playfair Display para titulares, Inter para cuerpo, JetBrains Mono para labels. Cargado desde Google Fonts con font-display: swap.

05

i18n

Tres locales: en (default en /), es (/es/), ca (/ca/). Un diccionario ui tipado en src/i18n/ui.ts guarda cada string. useTranslations(locale) cae en inglés si falta una clave.

06

Deploy

Build estático desplegado en CDN. Umami Cloud para analítica privacy-first. Sin cookies, sin trackers, sin ads.

07

Código fuente

El sitio está abierto en GitHub. Roba cualquier patrón que te sirva — yo tomé unos cuantos prestados también.