Mi primer post técnico

Por qué Markdown en un portfolio

Llevaba tiempo queriendo un blog técnico donde compartir lo que aprendo. Tenía Sanity montado, pero para escribir artículos largos quería algo más directo: abrir Obsidian, escribir, guardar, y que se publique solo.

[!info] Filosofía El contenido debe ser lo primero. Sin logins, sin CMS, sin distracciones.

La solución fue usar Markdown directamente en el repo.

Cómo funciona

1. Cada post es un archivo .md en content/blog/
2. Tiene metadatos en la cabecera (frontmatter) con título, fecha, tags
3. Next.js lee los archivos en el servidor y los renderiza como HTML estático
4. Al hacer git push, Vercel despliega automáticamente

content/blog/
├── mi-primer-post.md
├── rlhf-explicado.md
└── ...

Ventajas de este enfoque

• Escribo en Obsidian desde cualquier dispositivo
• Todo está versionado en Git
• Sin depender de servicios externos
• Cero coste adicional
• Los posts son estáticos → carga instantánea

Lo que usamos

• gray-matter para parsear frontmatter
• react-markdown + remark-gfm para renderizar (ya instalados)
• next/link para navegación
• CSS personalizado con la clase .blog-content

[!tip] Pro tip Puedes enlazar a otras notas del blog usando [rlhf-explicado](/blog/rlhf-explicado) y se convertirán automáticamente en links.

Y eso es todo. Simple, directo, y efectivo.

---

Para más detalles técnicos sobre el stack, mira este post sobre RLHF donde explico cómo integré el chat con IA.