# Webanion - Plataforma de Portafolio con CMS Headless y Servidor MCP

Company: Webanion
Service: Desarrollo Web
Period: 2025-05 - present
Tech: Next.js, Strapi, PostgreSQL, TypeScript, GraphQL, Docker, Kubernetes, Node.js
Web: https://webanion.com
Canonical: https://webanion.com/es/portfolio/webanion-headless-cms-portfolio-platform-with-mcp-server

Un sitio de portafolio estático no podía sostener el trabajo en cinco idiomas ni seguir el ritmo de la escritura que hay detrás, así que lo reemplazamos por una plataforma. Un CMS headless guarda cada caso de estudio, artículo y registro; un frontend en Next.js los presenta en inglés, bengalí, español, hindi y chino; y un servidor MCP expone ese mismo contenido a los asistentes de IA, de modo que un agente preguntado por este trabajo lee la fuente en lugar de adivinar a partir de un rastreo. La búsqueda, la gestión de medios, un flujo de aprobación y una capa pública de descubrimiento funcionan sobre ella. La prueba es recursiva: la página que estás leyendo la sirve el sistema que describe esta entrada.

## La historia completa

Un portafolio construido como un producto: un registro, todas las páginas, todos los idiomas, y un servidor que permite a los asistentes de IA leerlo en la fuente.

### Un portafolio que no daba abasto

<p>Un estudio vive o muere por sus pruebas. El antiguo sitio de Webanion era un conjunto de páginas hechas a mano: cada proyecto nuevo obligaba a editar varias, los textos detrás del trabajo nunca llegaban al sitio, y un comprador que leía en bengalí, español, hindi o chino recibía inglés o nada. Peor aún, los compradores habían empezado a pedir a asistentes de IA una lista de candidatos, y esos asistentes adivinaban a partir de páginas rastreadas que ya estaban desactualizadas.</p><p>La respuesta fue dejar de tratar el portafolio como páginas y construirlo como un producto: una única fuente de verdad para cada caso de estudio, servida a las personas en su idioma y a los asistentes en un formato en el que pueden confiar.</p>

### Cada caso de estudio es un registro, no una página

<p>Proyectos, servicios, empresas, clientes, testimonios y artículos son registros estructurados en un CMS headless, enlazados entre sí. Basta cambiar un registro una vez para que se actualicen todas las páginas que lo mencionan: la del proyecto, la de la empresa, la del servicio y los resultados de búsqueda.</p><p>Para un comprador, eso significa que las pruebas están siempre al día y siempre conectadas, desde el servicio que necesita hasta los proyectos que lo demuestran y las personas que lo avalan. Para el fundador, significa que un proyecto nuevo se publica una sola vez en lugar de pasarse una tarde copiándolo de página en página.</p>

### Cinco idiomas desde el mismo registro

<p>El inglés va primero, y cada registro lleva además su propia versión en bengalí, español, hindi y chino, generada a partir de la misma estructura en cualquier tamaño de pantalla. Un comprador en Daca, Madrid, Delhi o Shanghái lee el trabajo en su propio idioma y con la misma profundidad que en inglés, en lugar de encontrarse una página de inicio traducida con inglés en todo lo que hay detrás.</p>

### La historia es la página del proyecto, de la portada al cierre

<p>Los casos de estudio importantes tienen una historia completa: una portada y después secciones apiladas en un único lienzo, cada una con su propio diseño y sus ilustraciones animadas, todo escrito y organizado en el mismo CMS. La historia es la propia página del proyecto, así que un comprador que llega desde un buscador lee el problema, la solución y el resultado sin salir de ella. Las historias también son datos, de modo que se traducen como todo lo demás y cambian sin necesidad de un desarrollador.</p>

### Un servidor MCP para que los asistentes lean la fuente

<p>Junto al sitio web funciona un servidor MCP que expone el mismo contenido a los asistentes de IA como herramientas tipadas: buscar en el portafolio, leer un proyecto, listar servicios, consultar un testimonio. Un asistente al que le preguntan por Webanion lee el registro en lugar de adivinar a partir de un rastreo, y un comprador que quiere saber más puede pedir una clave de acceso y enviar un mensaje desde el propio asistente.</p><p>Eso convierte el portafolio en un canal de captación de clientes en un lugar donde la mayoría de los estudios todavía no está presente, y cada respuesta que da un asistente es una que escribió el propio estudio.</p>

### Privado desde el diseño

<p>Un portafolio guarda cosas que nunca deben filtrarse: contactos de clientes, empresas confidenciales, borradores aún no aprobados. Por eso la superficie pública es una lista de permitidos definida campo por campo en un solo lugar y aplicada en CI, y ni el sitio web ni el servidor MCP pueden devolver nada que no figure en ella. Los borradores permanecen invisibles hasta que se publican, y el panel de administración del propietario está protegido por tres comprobaciones independientes.</p><p>Los clientes bajo NDA pueden mostrarse como prueba sin ser nombrados, y a menudo eso marca la diferencia entre tener un caso de estudio y no tenerlo.</p>

### Nada se publica sin leerse antes

<p>Cada cambio llega primero como borrador, tanto si se escribió en el panel de administración como si lo redactó un asistente de IA a través del propio servidor MCP del propietario. El fundador lo lee en una vista previa privada de la página real, oculta a los buscadores, y solo entonces lo publica. Un estudio de una sola persona mantiene su portafolio tan al día como el de una agencia sin publicar una palabra que nadie haya leído.</p>

### Pruebas que se acumulan

<p>Cada proyecto que se añade a Webanion llega el mismo día a las páginas adecuadas, en cinco idiomas, se puede buscar en el sitio y los asistentes pueden responder sobre él. Para los compradores es la forma más rápida de ver trabajo relevante en el que pueden confiar; para el estudio es un portafolio que gana valor con cada registro en lugar de quedarse obsoleto.</p><p>La plataforma funciona en el mismo clúster de Kubernetes autoalojado que el trabajo para clientes que describe, contado en <a href="/portfolio/fully-booked-zero-downtime-migration-to-self-hosted-kubernetes">la historia de la migración sin tiempo de inactividad</a>, y los asistentes que ayudan a gestionarla se describen en <a href="/portfolio/ai-engineering-mcp-servers-and-cross-provider-memory-hub">la historia de ingeniería de IA</a>.</p>
