ROXL: portafolio, blog y catálogo de IA en tres idiomas

Desafío

ROXL es mi propio sitio: un portafolio de proyectos para clientes y personales, un blog y un catálogo de soluciones de IA y plugins. Tenía que ser fácil de llenar con material nuevo, funcionar en tres idiomas y seguir siendo rápido a medida que crecían los casos y los artículos.

Decisión

El sitio está hecho con Next.js, App Router y next-intl, con versiones en inglés, ruso y español de cada página. Los artículos del blog se escriben en MDX y se compilan con Contentlayer, con soporte para fórmulas, citas, resaltado de código y avisos al estilo de GitHub. Los casos de proyecto son archivos de datos tipados, así que un caso sin traducción rompe el build en lugar de colarse.

‹›

aA🔒roxl.net/

⇧▢+

RHomePProjectsBBlogAAI@About

Static snapshot — scrollable Safari preview

Escribir con un agente de programación

Un pequeño screencast de cómo un agente de programación me ayuda a escribir artículos en MDX. Describo de qué debe tratar el texto, y el agente prepara el borrador en el formato del sitio, rellena las tres versiones de idioma y comprueba que el build sigue pasando.

Implementación

Las páginas de casos tienen índice, tiempo de lectura y barra de progreso, las imágenes se abren en un lightbox con zoom, y vistas previas como la de arriba muestran un sitio entero en una ventana de navegador con scroll. El pie de página muestra la versión, el commit y la hora del build, así que se ve lo reciente que es la versión en producción. El sitio funciona en Vercel con su analítica y Speed Insights.

Resultado

El sitio reúne más de 50 casos y más de 70 artículos en tres idiomas, y un caso o artículo nuevo sale a producción con un solo commit.