Volver al portafolio

Un CMS para muchos sitios,publicado como HTML estático

Proyecto
CMS CEN Morena
Año
2024-2026
Enfoque
Multi-sitio · Componentes
Rol
Diseño UX/UI, Desarrollo FrontEnd y BackEnd, dirección técnica e implementación
Biblioteca de componentes del CMS: selector de bloques para componer páginas
Biblioteca de componentes — con estos bloques se diseñó y construyó la página nacional

El problema frente a WordPress

Cuando hay muchas sedes, el modelo dinámico por visita se vuelve frágil. Este proyecto cambia el enfoque de entrega.

WordPress típico

  • Varias instalaciones o un multisite complejo de gobernar
  • Experiencias de edición distintas según tema y plugins
  • Sitio público atado al rendimiento del CMS en cada visita
  • Alto costo de coherencia visual entre sitios

Este CMS

  • Una plataforma, muchas instancias por diseño
  • Editor visual propio con bloques y reglas comunes
  • Al publicar, el contenido se congela en HTML estático
  • El público consume el resultado ya construido

De la edición al sitio público

Núcleo de aplicación

Orquesta instancias, páginas, menús, medios, entradas y usuarios. Cada sitio se administra como un producto independiente dentro de la misma plataforma.

Composición de páginas

El contenido no es una plantilla fija: página → secciones → columnas → componentes. Esa jerarquía une editor, vista previa y publicación.

Publicación estática

Al publicar, un generador pre-renderiza componentes, arma el HTML final y actualiza el catálogo del sitio. El resultado queda listo para hosting estático.

Dos frentes, un mismo lenguaje de componentes

La misma biblioteca de bloques alimenta el panel de edición y el HTML público. Lo que se diseña en el editor es lo que se publica.

Panel de edición

Administración

  • Interfaces server-rendered con interacción en el cliente
  • Page builder visual: canvas, layout y biblioteca de bloques
  • Misma lógica de render en edición y en HTML publicado
  • Módulos para listados, medios, menús y instancias
HTML publicado

Sitio público

  • Páginas pre-renderizadas listas para el visitante
  • Router estático generado desde el catálogo de páginas
  • Componentes ricos embebidos en el HTML final
  • Entrega liviana: sin armar la página en cada visita
Página nacional de Morena construida con el CMS — captura completa del sitio publicado
Sitio nacional construido con la biblioteca de componentes

Seis principios que guiaron la experiencia

Edición visual sin pensar en código

Armar layout, soltar bloques y ver el resultado en contexto, cerca de un page builder.

Flujo editorial claro

Borrador → vista previa → publicar. La salida a público es una decisión explícita.

Preview alineado con producción

La vista previa usa el mismo pipeline de componentes que la publicación.

Velocidad percibida al publicar

Se regenera lo esencial primero; el visitante navega HTML ya generado.

Biblioteca institucional

Héroes, noticias, regeneración, redes, personas y galerías — no un editor vacío.

Multi-instancia sin fricción

Cada sitio en su contexto, con la misma experiencia de uso en toda la red.