🇪🇸🇬🇧
▼
Navegación
Inicio

Artículos

Ver todos
🧠El Reto del MDX: ¿Por qué no usar Substack?
🎁El regalo perfecto para mi mejor amigo (y cómo elegirlo)
📝El síndrome de la To-Do List

Proyectos

Ver todos
🛠️GitBlog
🗿Regalos Retreat 3D
Avatar

Alejandro Ramirez

Perfil

Artículos
El reto del mdx

El otro día mi jefe me soltó una de esas preguntas que te dejan descolocado: "¿Para qué nos estamos pegando con TypeScript y MDX si podríamos tener esto mismo en Substack en cinco minutos?".

Al principio me costó reaccionar. Substack es cómodo, tiene red y funciona de maravilla. Sin embargo, pronto me di cuenta de que estábamos comparando peras con manzanas. Mientras Substack funciona como una imprenta digital, GitBlog nace como un laboratorio creativo.

Aquí te cuento por qué el MDX no es solo "Markdown con esteroides", sino la clave para crear contenido que las plataformas cerradas no podrán tocar jamás.

La trampa de lo estático

La mayoría de los blogs hoy en día son cementerios de texto. Entras, lees (si tienes suerte) y te vas. Substack ha hecho que esto sea muy fácil de monetizar, pero la experiencia sigue siendo la misma que leer un periódico en 1990, solo que con scroll.

El valor diferencial de GitBlog no es publicar texto, sino diseñar experiencias premium.

Los Pilares del MDX que "matan" a lo estático

Aquí tienes ejemplos reales de lo que podemos construir aquí y que es sencillamente imposible en una plataforma cerrada:

1. Data Playgrounds (Jugar con los datos)

En un blog convencional te limitas a mirar la captura de pantalla de un gráfico. En GitBlog, el usuario toma el control.

Prueba a mover los controles de aquí abajo:

¿Ves la diferencia? Esto no es leer sobre interés compuesto, es ver cómo ocurre ante tus ojos.

2. Bespoke Widgets: La diferencia entre leer y entender

Imagina que quieres enseñar a alguien a calibrar las animaciones de su app. ¿Cómo lo harías?

📄 Explicación en texto

"La rigidez determina la velocidad de retorno. El amortiguamiento controla la energía disipada por ciclo. Una masa alta añade inercia al sistema..."

Correcto. Olvidado en 30 segundos.

⚡ Explicación interactiva

Sube Rigidez a 400 y baja Amortiguación a 3 — verás un rebote exagerado. Eso es lo que le pasaría al menú de tu app.

Ahora ajusta hasta que se sienta bien.

Retención con texto

10%

a las 48 horas

Retención interactiva

75%

a las 48 horas

Tiempo de comprensión

8 seg

vs ~3 min leyendo

Tip

Los números de retención vienen de estudios de aprendizaje activo vs pasivo. La interactividad no es un adorno — es ciencia cognitiva aplicada al contenido.

3. Scrollytelling y Modelos 3D

Gracias a nuestro componente <ModelViewer />, la narrativa se vuelve física. Mira este modelo: puedes rotarlo, hacer zoom y explorarlo a tu antojo.

Preparando visualizador...

Olvida los GIFs estáticos de Substack: aquí el objeto es real y lo tienes directamente en tus manos.

Tip

La interactividad no es solo un adorno, es una herramienta pedagógica que aumenta la retención del lector en más de un 40%.

4. Conexión en tiempo real

Un post en MDX puede consultar APIs externas, por lo que nunca es un texto congelado en el tiempo. Por ejemplo, aquí tienes las estadísticas actuales de un repositorio de GitHub extraídas directamente de su API:

Conclusión: El Blog como Producto

Después de este debate, la respuesta a mi jefe fue clara: No estamos construyendo un blog, estamos desarrollando un producto digital vivo.

Substack cumple su función si lo único que buscas es enviar correos. Sin embargo, si quieres que tu contenido sea una herramienta pedagógica que se sienta viva y "premium", el camino es el código.


¿Y tú? ¿Crees que la interactividad es el futuro de la escritura o simplemente somos unos románticos del código?

🧠El Reto del MDX: ¿Por qué no usar Substack?

slug: desarrolloslug: reflexiones

El otro día mi jefe me soltó una de esas preguntas que te dejan descolocado: "¿Para qué nos estamos pegando con TypeScript y MDX si podríamos tener esto mismo en Substack en cinco minutos?".

Al principio me costó reaccionar. Substack es cómodo, tiene red y funciona de maravilla. Sin embargo, pronto me di cuenta de que estábamos comparando peras con manzanas. Mientras Substack funciona como una imprenta digital, GitBlog nace como un laboratorio creativo.

Aquí te cuento por qué el MDX no es solo "Markdown con esteroides", sino la clave para crear contenido que las plataformas cerradas no podrán tocar jamás.

La trampa de lo estático

La mayoría de los blogs hoy en día son cementerios de texto. Entras, lees (si tienes suerte) y te vas. Substack ha hecho que esto sea muy fácil de monetizar, pero la experiencia sigue siendo la misma que leer un periódico en 1990, solo que con scroll.

El valor diferencial de GitBlog no es publicar texto, sino diseñar experiencias premium.

Los Pilares del MDX que "matan" a lo estático

Aquí tienes ejemplos reales de lo que podemos construir aquí y que es sencillamente imposible en una plataforma cerrada:

1. Data Playgrounds (Jugar con los datos)

En un blog convencional te limitas a mirar la captura de pantalla de un gráfico. En GitBlog, el usuario toma el control.

Prueba a mover los controles de aquí abajo:

¿Ves la diferencia? Esto no es leer sobre interés compuesto, es ver cómo ocurre ante tus ojos.

2. Bespoke Widgets: La diferencia entre leer y entender

Imagina que quieres enseñar a alguien a calibrar las animaciones de su app. ¿Cómo lo harías?

📄 Explicación en texto

"La rigidez determina la velocidad de retorno. El amortiguamiento controla la energía disipada por ciclo. Una masa alta añade inercia al sistema..."

Correcto. Olvidado en 30 segundos.

⚡ Explicación interactiva

Sube Rigidez a 400 y baja Amortiguación a 3 — verás un rebote exagerado. Eso es lo que le pasaría al menú de tu app.

Ahora ajusta hasta que se sienta bien.

Retención con texto

10%

a las 48 horas

Retención interactiva

75%

a las 48 horas

Tiempo de comprensión

8 seg

vs ~3 min leyendo

Tip

Los números de retención vienen de estudios de aprendizaje activo vs pasivo. La interactividad no es un adorno — es ciencia cognitiva aplicada al contenido.

3. Scrollytelling y Modelos 3D

Gracias a nuestro componente <ModelViewer />, la narrativa se vuelve física. Mira este modelo: puedes rotarlo, hacer zoom y explorarlo a tu antojo.

Preparando visualizador...

Olvida los GIFs estáticos de Substack: aquí el objeto es real y lo tienes directamente en tus manos.

Tip

La interactividad no es solo un adorno, es una herramienta pedagógica que aumenta la retención del lector en más de un 40%.

4. Conexión en tiempo real

Un post en MDX puede consultar APIs externas, por lo que nunca es un texto congelado en el tiempo. Por ejemplo, aquí tienes las estadísticas actuales de un repositorio de GitHub extraídas directamente de su API:

Conclusión: El Blog como Producto

Después de este debate, la respuesta a mi jefe fue clara: No estamos construyendo un blog, estamos desarrollando un producto digital vivo.

Substack cumple su función si lo único que buscas es enviar correos. Sin embargo, si quieres que tu contenido sea una herramienta pedagógica que se sienta viva y "premium", el camino es el código.


¿Y tú? ¿Crees que la interactividad es el futuro de la escritura o simplemente somos unos románticos del código?

En esta página

  1. La trampa de lo estático
  2. Los Pilares del MDX que "matan" a lo estático
  3. 1. Data Playgrounds (Jugar con los datos)
  4. 2. Bespoke Widgets: La diferencia entre leer y entender
  5. 3. Scrollytelling y Modelos 3D
  6. 4. Conexión en tiempo real
  7. Conclusión: El Blog como Producto

· 2026-05-11 · ~3 min de lectura

Compuesto vs Clásico
1000 $
10 años
7%
Ajusta los controles para ver la magia del interés compuesto.
Simulador de Pesas y Muelles
framer-motion
100

+ rigidez → 5 espiras

10

+ amortiguación → muelle más grueso

1.0 kg

+ masa → 1 disco

1.0 kg
5 espiras
Compuesto vs Clásico
1000 $
10 años
7%
Ajusta los controles para ver la magia del interés compuesto.
Simulador de Pesas y Muelles
framer-motion
100

+ rigidez → 5 espiras

10

+ amortiguación → muelle más grueso

1.0 kg

+ masa → 1 disco

1.0 kg
5 espiras