Hola, mundo: cómo funciona este sitio

Bienvenido al registro. Esta primera entrada funciona también como documentación: todo lo que estás leyendo se renderiza a partir de un archivo .mdx que vive en el repositorio git del sitio.

El stack

Por dentro, todo el sitio es intencionalmente aburrido:

• Next.js 14 (App Router) — la página de bio, este blog y ~/tools son solo rutas
• MDX — los posts son archivos Markdown en content/posts/, parseados con gray-matter
• shiki — resaltado de código con un tema verde terminal personalizado
• Vercel — git push → en producción en ~30 segundos

Sin CMS, sin base de datos. Publicar un post se reduce a:

git add content/posts/new-post.mdx
git commit -m "Post: something worth reading"
git push   # Vercel se encarga del resto

Por qué MDX

El Markdown puro cubre el 95% de la escritura, pero MDX permite que un post incruste componentes reales de React cuando hace falta — demos interactivas, callouts personalizados, quizás incluso la mascota de píxeles de la página de inicio.

export function Greeting({ name }: { name: string }) {
  const hour = new Date().getHours()
  const salute = hour < 7 ? 'zzz...' : `hello, ${name}`
  return <span className="glow">{salute}</span>
}

La regla de este blog: si un diagrama o una demo lo explica mejor que la prosa, publica la demo dentro del post.

Qué sigue

• ~/tools irá creciendo hasta convertirse en un conjunto de utilidades pequeñas — la primera, una skill de revisión de papers académicos
• Feed RSS, filtro de etiquetas, quizás búsqueda — cuando haya suficientes posts como para necesitarlos

Eso es todo. exit 0.