Bienvenido a Nuestro Blog

Esta es nuestra primera publicacion escrita en MDX. MDX nos permite usar componentes de React directamente en nuestro contenido markdown, lo que lo hace perfecto para crear documentacion y publicaciones de blog ricas e interactivas.

Que es MDX?

MDX es un formato que te permite escribir JSX en tus documentos Markdown de forma transparente. Puedes importar componentes, como graficos interactivos o alertas, e incrustarlos dentro de tu contenido.

Caracteristicas Principales

• Frontmatter con tipos seguros con validacion Effect Schema
• Recarga en caliente en desarrollo
• Generacion estatica para un rendimiento optimo
• Optimizado para SEO con metadatos automaticos

Stack Tecnologico

Construido con Next.js 16, React 19, Velite y Tailwind CSS. La capa de contenido proporciona validacion de frontmatter con tipos seguros y compilacion automatica de MDX.

Ejemplos de Codigo

Puedes incluir bloques de codigo con resaltado de sintaxis:

import { getAllPosts } from "~/lib/blog";
 
const posts = getAllPosts();
console.log(`Se encontraron ${posts.length} publicaciones`);

Aqui tienes otro ejemplo con JavaScript:

function saludar(nombre) {
  return `Hola, ${nombre}!`;
}
 
console.log(saludar("Mundo"));

Que Viene Despues?

Mantente atento a mas publicaciones sobre:

• Construir con Next.js App Router
• Crear componentes de UI reutilizables
• Optimizar el rendimiento web
• Y mucho mas!

Gracias por leer nuestra primera publicacion. Estamos emocionados de compartir mas contenido contigo pronto!