Webanion - Plataforma de Portafolio con CMS Headless y Servidor MCP
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.
Md Moniruzzaman
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
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.
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.
Cada caso de estudio es un registro, no una página
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.
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.
Cinco idiomas desde el mismo registro
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.
La historia es la página del proyecto, de la portada al cierre
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.
Un servidor MCP para que los asistentes lean la fuente
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.
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.
Privado desde el diseño
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.
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.
Nada se publica sin leerse antes
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.
Pruebas que se acumulan
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.
La plataforma funciona en el mismo clúster de Kubernetes autoalojado que el trabajo para clientes que describe, contado en la historia de la migración sin tiempo de inactividad, y los asistentes que ayudan a gestionarla se describen en la historia de ingeniería de IA.
También te puede gustar
CoverFanz - Panel de Administración para un Marketplace de Artistas
El panel de administración con el que el fundador de CoverFanz gestionó un marketplace de artistas desde el día del lanzamiento sin pedir nada a un desarrollador. Cada fan, artista y local está en una sola lista con el estado de su suscripción, los locales nuevos esperan en una cola de aprobación hasta que se comprueba su dirección, las denuncias llegan con el motivo adjunto y los tipos de actuación son una lista que controla el fundador. Se construyó en el mismo mes que las apps, sobre la misma API GraphQL.
Md Moniruzzaman
abr 29, 2022
Al-Insaf - Plataforma de Finanzas Cooperativas con Libro Mayor y Préstamos
Una organización de finanzas cooperativas llevaba los registros de socios, los ahorros, los préstamos y el capital de los inversores entre papel y hojas de cálculo, sin forma de auditar una sucursal ni de cerrar el día con limpieza. Construimos un único sistema que lo reúne todo: registro de socios, cobros diarios, préstamos desde la solicitud hasta el desembolso, un libro mayor para varias sucursales, el capital de los inversores y un registro de auditoría que anota quién hizo qué. Los oficiales registran cada cobro en el momento en que se hace, los gerentes aprueban los préstamos y cierran el día, y el modelo de permisos decide qué puede ver y hacer cada rol en lugar de ocultar botones. Todo lo que se muestra en este caso de estudio funciona con datos de demostración precargados; los registros reales de socios nunca aparecen en el material de portafolio.
Md Moniruzzaman
Sukalyan Research Group, web de un grupo universitario de farmacia
Sitio web del Sukalyan Research Group en el Department of Pharmacy de Jahangirnagar University, dirigido por el profesor Sukalyan Kumar Kundu: siete áreas de investigación con sus técnicas y artículos, una lista de publicaciones filtrable de ciento veinticuatro entradas de Google Scholar agrupadas por año, el perfil del investigador principal, los miembros por nombre y retrato, un muro de destinos de antiguos alumnos, una galería Lab Life y una página para unirse con cuatro vías y una lista de comprobación para el correo. Next.js con exportación estática, React y TypeScript, Tailwind CSS, todo el contenido detrás de una función de consulta para que el paso a un CMS headless no cambie nada más. Desplegado como un único contenedor en un clúster Kubernetes autoalojado.
Md Moniruzzaman
sep 30, 2026
El blog son notas de campo desde producción: decisiones de arquitectura, sistemas de AI que sobrevivieron al contacto con usuarios reales e infraestructura que se paga sola. Escrito desde el trabajo, no sobre él.