Astro genera HTML estático por defecto y solo envía JavaScript a las partes interactivas (las islas).

Content collections

Las notas que estás leyendo son una colección de contenido: Astro lee los Markdown de src/content/notes, valida sus propiedades y genera una página por nota.

const notes = await getCollection('notes');

Islas

Solo lo interactivo se hidrata en el navegador. El resto es HTML plano, por eso esta web carga rápido.

Relacionado: Tailwind 4 para los estilos y cómo escribo estas notas.