Siempre hay alguna idea dando vueltas por mi cabeza. Una tecnología que quiero probar, una conversación que me lleva a otra o una de esas travesuras que empiezan con un «estaría guapo hacer esto…».
De ahí nace mi nueva web.
LinkedIn me sirve para publicar y conversar; YouTube, para compartir vídeos; GitHub, para el código y los proyectos. No quería reemplazar nada de eso ni replicar su contenido. Quería un punto de encuentro que conectase todo lo que hago y, sobre todo, un espacio propio donde no tuviera que adaptar cada idea al formato de una plataforma.
En mi web, un artículo puede seguir siendo texto o convertirse mañana en una demo, una experiencia interactiva o algo que todavía no se me ha ocurrido. Quería que el formato pudiera adaptarse a la idea.
Un espacio para crear y publicar un poco más a mi imagen y semejanza. 😎🤘🏼
Elegir el camino sin saberlo todo
Con la idea más clara, trabajé con Copilot para aterrizar qué quería construir, qué contenido debía vivir dentro de la web y qué convenía dejar en las plataformas existentes. También tenía claro que el contenido debía poder encontrarse y compartirse bien: el SEO no podía ser un añadido de última hora.
Al explorar opciones, Next.js encajaba con lo que buscaba. Solo había un pequeño inconveniente: no tenía ni idea de Next.js.
Pero no quería elegir una tecnología conocida solo por comodidad si otra respondía mejor al problema. Ahí entró MCPEE, el marco que llevo construyendo para trabajar con agentes.
Me gusta llamarlo un arnés para trabajar con IA: reúne contexto, especificaciones, reglas, memoria, agentes especializados y skills para que los agentes puedan ejecutar con más criterio. No decide qué construir ni sustituye al desarrollador; prepara el entorno para trabajar mejor.
Creé un proyecto vacío, instalé MCPEE y usé ese trabajo previo para definir y refinar las especificaciones. Ya contaba con skills de UX/UI y accesibilidad, así que añadí una específica para Next.js. Yo aún no conocía el framework, pero podía combinar ese conocimiento especializado con algo que sí tenía: fundamentos de desarrollo, experiencia y pensamiento arquitectónico.
La IA no hace que el conocimiento deje de importar. Cambia la forma de acceder a él, aplicarlo y aprender mientras construyes.
Encontrar la dirección antes de acelerar
Con las especificaciones claras y la estructura en marcha, llegó el momento de mirar la web y decidir si de verdad se parecía a lo que tenía en la cabeza. No era así: visualmente parecía una plantilla de portfolio que podría pertenecerle a cualquiera. Había explicado qué necesitaba, pero aún no había sabido expresar qué haría que el resultado «se sintiera mío».
La respuesta no apareció de golpe ni porque la IA adivinara mis gustos. Tuve que probar composiciones, cambiar layouts, descartar ideas que no funcionaban y recuperar otras que había dejado atrás. Ese proceso me ayudó a concretar la dirección visual y, cuando por fin vi algo que encajaba, pude explicarla mucho mejor.
Entonces sí, el ritmo cambió: en unas cuatro iteraciones tenía prácticamente toda la página montada. La IA no tomó las decisiones por mí; hizo mucho más corto el camino entre tenerlas claras y verlas funcionando.
Una arquitectura al servicio de la idea
Con la dirección visual resuelta, tocaba construir algo que la sostuviera sin convertir la web en una plataforma más grande de lo necesario. Los vídeos ya tienen su sitio en YouTube; los proyectos y el código, en GitHub; y las conversaciones pueden seguir en LinkedIn. Mi web los conecta y ofrece una experiencia propia. Los artículos sí viven aquí, versionados junto al proyecto, porque quería libertad para publicarlos y experimentar.
Por eso la solución usa Next.js, React y TypeScript, con generación estática y renderizado del lado servidor según las necesidades del contenido. No hay una API, una base de datos ni un CMS: no quería mantener piezas para las que todavía no tenía una necesidad real. GitHub Actions construye y despliega la web en Azure App Service, la infraestructura está definida en Bicep y Application Insights junto con Log Analytics aportan observabilidad. Para publicar un artículo, trabajo dentro del proyecto y dejo que CI/CD se encargue del resto; en mi experiencia, los cambios pequeños llegan a producción en un par de minutos.
Claro que conseguir que algo funcione no significa que ya esté bien desplegado. Preparar el empaquetado standalone de Next.js fue parte del trabajo, igual que resolver un problema de federación OIDC entre GitHub Actions y Azure: el subject configurado no coincidía con el que enviaba GitHub. Corregirlo directamente en Azure desbloqueaba el despliegue, pero llevar la misma corrección a Bicep resolvía el problema de forma reproducible. No quería quedarme con algo que simplemente funcionase; también quería entenderlo y poder mantenerlo con buenas prácticas de ingeniería.
Reducir la distancia entre imaginar y hacer
Al final, esto nunca fue solamente una web: también era una forma de comprobar si una idea podía pasar del «estaría guapo hacer esto…» al «vamos a probarlo». Ahora puedo plantear una POC, explorar una arquitectura o probar una tecnología nueva sin tener que convertir cada experimento en un producto. Si me equivoco, cambio de rumbo; si descubro que aquella idea de la ducha era terrible, al menos habré aprendido algo por el camino.
Sigo sin considerarme desarrollador de Next.js, y ese nunca fue el objetivo. Tenía una idea y los fundamentos para dirigir y cuestionar las decisiones; Copilot me ayudaba a explorarlas, MCPEE aportaba contexto y capacidades especializadas, y las buenas prácticas guiaban cómo construir y operar el resultado. La fuerza estuvo en combinar esas piezas, no en esperar que una de ellas pensara por mí.
Para alguien con el cosquilleo constante de #NoPuedoPararDeCrear, acortar esa distancia abre muchas posibilidades. Hoy ha sido mi web; mañana puede ser una demo, una POC, un experimento absurdo o algo que aún no se me ha ocurrido. Y ahora tengo un sitio propio donde contarlo, sin adaptar primero la idea al formato que otra plataforma decidió por mí.
Mis ideas, mis reglas y todos los juguetes que sea capaz de imaginar. 😎🤘🏼