Entrada / 2026-04

Hola mundo: estrenando el blog

Primera entrada. Pruebo code blocks, tablas, callouts y un diagrama Mermaid para confirmar que el pipeline MDX está afinado.

MetaMDXNext.js

Este es el primer post. Sirve doble: inauguro el blog y confirmo que el pipeline MDX está renderizando todo lo que necesito.

Por qué un blog propio

Porque escribir en Medium o dev.to es prestado, y porque quiero meter componentes React custom inline. No encontré nada más directo que .mdx en una carpeta + Next.js leyendo el filesystem en build.

Code blocks

Un bloque de Python:

def fib(n: int) -> int:
    a, b = 0, 1
    for _ in range(n):
        a, b = b, a + b
    return a
 
print(fib(10))  # 55

Uno de Go:

package main
 
import "fmt"
 
func main() {
    ch := make(chan int, 1)
    ch <- 42
    fmt.Println(<-ch)
}

Y uno de TSX con un type helper:

type Post<T extends string = "es"> = {
  slug: string;
  locale: T;
};
 
const hello: Post = { slug: "hola-mundo", locale: "es" };

Tabla GFM

ItemEstadoNotas
MDX basenext-mdx-remote/rsc
Syntax highlightshiki zero-runtime
Mermaidlazy-loaded en cliente
RSSpendientesiguiente sprint

Lista con checkboxes

  • Pipeline básico funcionando
  • Callout custom
  • RSS feed
  • OG images dinámicas

Blockquote

La mejor arquitectura es la que no escribes hasta que la necesitas.

Diagrama Mermaid

loading diagram…
Pipeline de un post desde el archivo al HTML final.

Link interno

Vuelve al índice del blog o a la home.


Eso es todo por ahora. Lo siguiente será RSS y un widget de últimos posts en la home.