{"id":85041,"date":"2026-04-12T20:11:13","date_gmt":"2026-04-13T01:11:13","guid":{"rendered":"https:\/\/niixer.com\/?p=85041"},"modified":"2026-05-11T18:26:32","modified_gmt":"2026-05-11T23:26:32","slug":"vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/","title":{"rendered":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo"},"content":{"rendered":"\n<p>El desarrollo de software est\u00e1 experimentando una transformaci\u00f3n significativa gracias a la inteligencia artificial. En este contexto surge el concepto de <strong>Vibe Coding<\/strong>, una metodolog\u00eda que permite crear aplicaciones completas mediante instrucciones en lenguaje natural, eliminando la necesidad de programar manualmente. En este art\u00edculo se presenta el desarrollo de una aplicaci\u00f3n web utilizando Lovable, junto con el proceso completo, prompts utilizados y resultados obtenidos.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1. \u00bfQu\u00e9 es el Vibe Coding y por qu\u00e9 es importante?<\/strong><\/h2>\n\n\n\n<p>El Vibe Coding es un enfoque de desarrollo donde el programador (o el creador) describe lo que desea construir mediante prompts o instrucciones en lenguaje natural, y la inteligencia artificial genera autom\u00e1ticamente la estructura, l\u00f3gica y dise\u00f1o de la aplicaci\u00f3n. Esto permite reducir la complejidad t\u00e9cnica y acelerar exponencialmente el proceso de desarrollo.<\/p>\n\n\n\n<p>Su importancia radica en que <strong>democratiza el desarrollo de software<\/strong>. Ya no es estrictamente necesario saber lenguajes como JavaScript o Python para materializar una idea digital. Esto abre las puertas a emprendedores, dise\u00f1adores y profesionales de otras \u00e1reas para crear soluciones digitales funcionales, prototipos validables y herramientas internas sin depender de un equipo de ingenier\u00eda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/HoAUvKDcTAK6IrppvKMCpHzdIo4-1024x576.avif\" alt=\"\" class=\"wp-image-85052\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/HoAUvKDcTAK6IrppvKMCpHzdIo4-1024x576.avif 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/HoAUvKDcTAK6IrppvKMCpHzdIo4-300x169.avif 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/HoAUvKDcTAK6IrppvKMCpHzdIo4-768x432.avif 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/HoAUvKDcTAK6IrppvKMCpHzdIo4-1536x864.avif 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/HoAUvKDcTAK6IrppvKMCpHzdIo4-2048x1152.avif 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. Ventajas y desventajas del Vibe Coding<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">2.1 Ventajas<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Velocidad:<\/strong> Desarrollo de prototipos y MVP en horas o minutos.<\/li>\n\n\n\n<li><strong>Baja barrera de entrada:<\/strong> No requiere conocimientos avanzados de sintaxis de programaci\u00f3n.<\/li>\n\n\n\n<li><strong>Iteraci\u00f3n inmediata:<\/strong> Cambios en el dise\u00f1o o l\u00f3gica con solo modificar el texto del prompt.<\/li>\n\n\n\n<li><strong>Ideal para prototipos y herramientas internas:<\/strong> Perfecto para validar conceptos o crear paneles administrativos simples.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.2 Desventajas<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>C\u00f3digo no siempre optimizado:<\/strong> La IA puede generar c\u00f3digo redundante o &#8220;spaghetti&#8221; dif\u00edcil de mantener manualmente.\n<ul class=\"wp-block-list\">\n<li><strong>Dependencia del prompt engineering:<\/strong> La calidad del resultado es directamente proporcional a la claridad de las instrucciones.<\/li>\n\n\n\n<li><strong>Limitaciones en l\u00f3gica de negocio compleja:<\/strong> A medida que la app requiere flujos de autenticaci\u00f3n complejos o bases de datos reales, el Vibe Coding puro se queda corto.<\/li>\n\n\n\n<li><strong>Dificultad para escalar:<\/strong> Pasar de un prototipo en Lovable a un producto empresarial robusto suele requerir reescribir gran parte del c\u00f3digo.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3. Competencias para Vibe Coding<\/strong><\/h2>\n\n\n\n<p>Dependiendo del perfil del usuario, las competencias necesarias var\u00edan:<\/p>\n\n\n\n<p><strong>Usuario no t\u00e9cnico (Emprendedor, Dise\u00f1ador, Analista):<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pensamiento l\u00f3gico y estructurado:<\/strong> Capacidad para desglosar un problema en pasos secuenciales.<\/li>\n\n\n\n<li><strong>Redacci\u00f3n de prompts clara y espec\u00edfica:<\/strong> Saber describir componentes visuales (cards, botones, inputs) con precisi\u00f3n.<\/li>\n\n\n\n<li><strong>Capacidad de an\u00e1lisis visual:<\/strong> Detectar cu\u00e1ndo un dise\u00f1o no es responsive o los m\u00e1rgenes no son consistentes.<\/li>\n<\/ul>\n\n\n\n<p><strong>Usuario t\u00e9cnico (Desarrollador de Software):<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Arquitectura de software:<\/strong> Saber estructurar los componentes para que el prompt no genere una sola p\u00e1gina de 2000 l\u00edneas de c\u00f3digo.<\/li>\n\n\n\n<li><strong>Debugging:<\/strong> Interpretar los errores de consola que la IA no detecta a simple vista.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n y refactorizaci\u00f3n:<\/strong> Limpiar el c\u00f3digo generado por IA para producci\u00f3n.<\/li>\n\n\n\n<li><strong>Conocimientos de Seguridad:<\/strong> Identificar vulnerabilidades que la IA podr\u00eda introducir inadvertidamente.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>4. Herramientas y t\u00e9cnicas<\/strong><\/h2>\n\n\n\n<p>Para este proyecto se utiliz\u00f3 la herramienta <strong>Lovable<\/strong>, una plataforma que permite generar aplicaciones web React completas mediante inteligencia artificial. Otras t\u00e9cnicas incluidas son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lovable.dev:<\/strong> Plataforma principal para generaci\u00f3n de frontend y l\u00f3gica simulada.<\/li>\n\n\n\n<li><strong>IA Generativa (GPT-4):<\/strong> Motor subyacente para la interpretaci\u00f3n de prompts.<\/li>\n\n\n\n<li><strong>Prompt Engineering:<\/strong> T\u00e9cnica de refinamiento iterativo de instrucciones.<\/li>\n\n\n\n<li><strong>Iteraci\u00f3n Incremental:<\/strong> No pedir todo de una vez; empezar por la estructura base y luego refinar UI\/UX.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5. Creaci\u00f3n de una app sin saber c\u00f3digo: Caso Pr\u00e1ctico &#8220;IdeaForge&#8221;<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Paso a paso en Lovable<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Paso 1: Registro en Lovable<\/strong><\/h4>\n\n\n\n<p>Accedemos a <a href=\"https:\/\/lovable.dev\">Lovable.dev<\/a> y nos registramos usando una cuenta de Google o GitHub. El proceso es gratuito para empezar con un n\u00famero limitado de generaciones diarias.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/register-1024x544.webp\" alt=\"\" class=\"wp-image-85050\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/register-1024x544.webp 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/register-300x159.webp 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/register-768x408.webp 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/register.webp 1403w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Proceso de registro en Lovable<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Paso 2: Creaci\u00f3n del primer proyecto<\/strong><\/h4>\n\n\n\n<p>Una vez dentro del dashboard, hacemos clic en &#8220;New Project&#8221; o simplemente escribimos nuestra idea en la barra de chat principal. El entorno de Lovable es tipo chat, similar a ChatGPT pero con un editor de c\u00f3digo y preview en vivo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb5-1024x507.webp\" alt=\"\" class=\"wp-image-85051\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb5-1024x507.webp 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb5-300x148.webp 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb5-768x380.webp 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb5-1536x760.webp 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb5.webp 1865w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Interfaz principal para iniciar un nuevo proyecto<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Paso 3: Prompt Inicial (La Base)<\/strong><\/h4>\n\n\n\n<p>En el chat de Lovable, pegamos nuestro primer prompt. Este prompt se enfoca en la funcionalidad base: un formulario que recolecta datos y una simulaci\u00f3n de respuesta de IA.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Crea una aplicaci\u00f3n web moderna que genere ideas de negocio usando inteligencia artificial.\n\nRequisitos:\n- Formulario con campos:\n  - Intereses\n  - Habilidades\n  - Presupuesto aproximado\n- Bot\u00f3n para generar ideas\n\nResultados:\n- Mostrar entre 3 y 5 ideas de negocio\n- Cada idea debe incluir:\n  - Nombre\n  - Descripci\u00f3n\n  - Nivel de dificultad (bajo, medio, alto)\n  - Forma de monetizaci\u00f3n\n\nDise\u00f1o:\n- Interfaz moderna y limpia\n- Uso de tarjetas (cards)\n- Responsive\n\nNo usar backend real, simular generaci\u00f3n con l\u00f3gica interna o IA mock.<\/code><\/pre>\n\n\n\n<p>En este punto, la aplicaci\u00f3n funciona: recoge datos y muestra tarjetas. Sin embargo, el dise\u00f1o es muy gen\u00e9rico, tipo plantilla de Bootstrap sin personalidad.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Paso 4: Refinamiento de UI\/UX (El Prompt de Reajuste)<\/strong><\/h4>\n\n\n\n<p>Aqu\u00ed es donde aplicamos realmente el &#8220;Vibe&#8221;. En lugar de editar CSS l\u00ednea por l\u00ednea, le pedimos a Lovable que transforme la experiencia visual. Este es el prompt de mejora completo que utilizamos:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Mejora completamente el dise\u00f1o y experiencia de usuario de la aplicaci\u00f3n de generaci\u00f3n de ideas de negocio.\n\nObjetivo: que la app se vea moderna, atractiva y din\u00e1mica, con sensaci\u00f3n de producto real tipo startup.\n\nMejoras de UI:\n- Usar un dise\u00f1o tipo landing moderna con hero section\n- Agregar iconos y emojis relevantes en t\u00edtulos y resultados\n- Implementar tarjetas (cards) con sombra suave y bordes redondeados\n- Usar colores agradables (gradientes suaves)\n- Tipograf\u00eda moderna y jerarqu\u00eda clara\n\nFormulario:\n- Inputs con dise\u00f1o limpio y placeholders claros\n- Animaci\u00f3n sutil al hacer focus\n- Bot\u00f3n principal llamativo con hover effect\n\nResultados:\n- Mostrar ideas en cards animadas\n- Cada idea debe tener:\n  - Emoji representativo\n  - Nombre destacado\n  - Descripci\u00f3n clara\n  - Badge de dificultad (color: verde, amarillo, rojo)\n  - Secci\u00f3n de monetizaci\u00f3n\n\nInteracciones:\n- Animaci\u00f3n al generar ideas (loading con spinner o skeleton)\n- Transici\u00f3n suave al mostrar resultados\n- Bot\u00f3n \u201cGenerar nuevas ideas\u201d\n- Scroll autom\u00e1tico hacia resultados\n\nExtras:\n- Responsive (mobile y desktop)\n- Microinteracciones (hover, scale, fade-in)\n- Espaciado consistente (padding\/margin)\n\nNo agregar backend real.\nMantener l\u00f3gica simple pero mejorar toda la experiencia visual.<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb-1024x490.webp\" alt=\"\" class=\"wp-image-85044\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb-1024x490.webp 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb-300x144.webp 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb-768x368.webp 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb-1536x736.webp 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb.webp 1875w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Resultado final tras el refinamiento: experiencia tipo Startup<\/figcaption><\/figure>\n\n\n\n<p>Tras este prompt, Lovable reestructur\u00f3 el layout, a\u00f1adi\u00f3 una secci\u00f3n Hero con un gradiente de fondo, mejor\u00f3 las tarjetas con sombras y bordes redondeados, e implement\u00f3 un estado de &#8220;Cargando&#8230;&#8221; con animaci\u00f3n.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5.1 Herramienta interna para innovaci\u00f3n<\/h3>\n\n\n\n<p>La aplicaci\u00f3n desarrollada, que llamaremos <strong>&#8220;IdeaForge&#8221;<\/strong>, puede ser utilizada como herramienta interna en procesos de innovaci\u00f3n dentro de empresas o equipos de trabajo. Facilita sesiones de brainstorming al proporcionar puntos de partida estructurados basados en las capacidades del equipo (habilidades) y recursos (presupuesto).<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5.2 Caso Pr\u00e1ctico: Soluci\u00f3n al bloqueo emprendedor<\/h3>\n\n\n\n<p><strong>Problema:<\/strong> Muchas personas desean emprender pero se enfrentan al &#8220;s\u00edndrome de la hoja en blanco&#8221;. No saben qu\u00e9 negocio iniciar o dudan si sus habilidades actuales son suficientes.<\/p>\n\n\n\n<p><strong>Soluci\u00f3n con IdeaForge:<\/strong> La aplicaci\u00f3n recibe inputs realistas del usuario. Por ejemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Intereses: &#8220;Tecnolog\u00eda, Educaci\u00f3n&#8221;<\/li>\n\n\n\n<li>Habilidades: &#8220;Programaci\u00f3n, Comunicaci\u00f3n, Gesti\u00f3n de proyectos&#8221;<\/li>\n\n\n\n<li>Presupuesto: &#8220;Medio (1.000 &#8211; 5.000 USD)&#8221;<\/li>\n<\/ul>\n\n\n\n<p>La app genera ideas coherentes como &#8220;Consultor\u00eda en Transformaci\u00f3n Digital Educativa&#8221; o &#8220;Agencia de Project Management Freelance&#8221;, mostrando un camino viable y monetizable.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"851\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb4.webp\" alt=\"\" class=\"wp-image-85048\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb4.webp 775w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb4-273x300.webp 273w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb4-768x843.webp 768w\" sizes=\"auto, (max-width: 775px) 100vw, 775px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"748\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb3-1024x748.webp\" alt=\"\" class=\"wp-image-85046\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb3-1024x748.webp 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb3-300x219.webp 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb3-768x561.webp 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/imgweb3.webp 1038w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5.3 Nueva Funcionalidad: Roadmap de Ejecuci\u00f3n<\/h3>\n\n\n\n<p>En una segunda fase de desarrollo (aplicando Vibe Coding iterativo), se solicit\u00f3 a Lovable que no solo generara la idea, sino que entregara un <strong>plan ejecutable<\/strong>. Esta es la caracter\u00edstica diferencial de la aplicaci\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Visualizaci\u00f3n de Hoja de Ruta<\/h4>\n\n\n\n<p>Ahora, junto a la tarjeta de la idea, se despliega una <strong>vista tipo roadmap por fases<\/strong>. Esta vista desglosa la idea en meses accionables:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mes 1: Validaci\u00f3n de idea<\/strong> (Investigaci\u00f3n de mercado, encuestas).<\/li>\n\n\n\n<li><strong>Mes 2: Desarrollo MVP<\/strong> (Prototipo funcional m\u00ednimo).<\/li>\n\n\n\n<li><strong>Mes 3: Lanzamiento<\/strong> (Estrategia de marketing inicial).<\/li>\n\n\n\n<li><strong>Mes 4: Primeros ingresos<\/strong> (Monetizaci\u00f3n temprana).<\/li>\n\n\n\n<li><strong>Mes 6: Escalamiento<\/strong> (Optimizaci\u00f3n de procesos).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1016\" height=\"680\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1.png\" alt=\"\" class=\"wp-image-85572\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1.png 1016w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1-300x201.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1-768x514.png 768w\" sizes=\"auto, (max-width: 1016px) 100vw, 1016px\" \/><figcaption class=\"wp-element-caption\">Desglose de actividades y presupuesto por fase<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"834\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img2.png\" alt=\"\" class=\"wp-image-85573\" style=\"width:760px;height:auto\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img2.png 620w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img2-223x300.png 223w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Progresi\u00f3n de Presupuesto<\/h4>\n\n\n\n<p>Se incluy\u00f3 una barra de progreso visual que muestra c\u00f3mo crece la inversi\u00f3n a lo largo del proyecto. Por ejemplo, un proyecto podr\u00eda empezar con $50 USD en validaci\u00f3n y escalar hasta $800 USD en la fase final. Esto ayuda al emprendedor a planificar su flujo de caja de manera realista.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Exportaci\u00f3n a Excel<\/h4>\n\n\n\n<p>La funcionalidad m\u00e1s pr\u00e1ctica para el usuario final es el bot\u00f3n <strong>&#8220;Seleccionar idea y descargar cronograma Excel&#8221;<\/strong>. Con un solo clic, la aplicaci\u00f3n genera un archivo .xlsx estructurado con:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Encabezado:<\/strong> Nombre del negocio, Descripci\u00f3n, Dificultad, Monetizaci\u00f3n.<\/li>\n\n\n\n<li><strong>Tabla de fases:<\/strong> Mes, Presupuesto acumulado, Descripci\u00f3n de fase, Actividades concretas.<\/li>\n<\/ul>\n\n\n\n<p>Este archivo est\u00e1 listo para ser utilizado en presentaciones a socios o como plan de trabajo personal. Esto convierte a la aplicaci\u00f3n en una herramienta de <strong>gesti\u00f3n<\/strong>, no solo de inspiraci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"237\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img3-1024x237.png\" alt=\"\" class=\"wp-image-85574\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img3-1024x237.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img3-300x70.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img3-768x178.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img3-1536x356.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img3.png 1774w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Estructura del Excel descargable listo para usar<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>6. Prompts y refinamiento: El Prompt Final Completo<\/strong><\/h2>\n\n\n\n<p>El proceso de Vibe Coding es iterativo. Empezamos con un esqueleto funcional y luego inyectamos &#8220;vibra&#8221; (dise\u00f1o y UX). A continuaci\u00f3n se presenta el prompt final que combina la l\u00f3gica inicial con todas las mejoras est\u00e9ticas y de interacci\u00f3n, incluyendo la nueva funcionalidad de Roadmap y Exportaci\u00f3n. Este es el prompt que realmente define el producto final deseado:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Crea una aplicaci\u00f3n web moderna que genere ideas de negocio usando inteligencia artificial simulada.\n\nRequisitos funcionales:\n- Formulario con campos: Intereses, Habilidades, Presupuesto aproximado.\n- Bot\u00f3n para generar ideas.\n- Resultados: Mostrar entre 3 y 5 ideas de negocio. Cada idea debe incluir: Nombre, Descripci\u00f3n, Nivel de dificultad (bajo, medio, alto), Forma de monetizaci\u00f3n, Duraci\u00f3n estimada (ej: 6 meses) y Presupuesto total.\n\nNueva l\u00f3gica de Roadmap (OBLIGATORIO):\n- Al hacer clic en \"Ver Plan de Ejecuci\u00f3n\" en una tarjeta de idea, se debe mostrar una secci\u00f3n detallada con:\n  1. Roadmap visual por fases: Mes 1 (Validaci\u00f3n), Mes 2 (MVP), Mes 3 (Lanzamiento), Mes 4 (Ingresos), Mes 6 (Escalamiento).\n  2. Cada fase debe listar 3 actividades accionables.\n  3. Barra de progresi\u00f3n de presupuesto acumulado (Ej: $50 -&gt; $200 -&gt; $400 -&gt; $550 -&gt; $800).\n  4. Bot\u00f3n para descargar este cronograma en formato Excel (.xlsx) con las columnas: Fase, Mes, Presupuesto, Descripci\u00f3n, Actividades.\n\nMejoras de UI\/UX (APLICAR OBLIGATORIAMENTE):\n- Dise\u00f1o tipo landing moderna con hero section y gradientes suaves (ej. fondo #f8f9fa a #e9ecef).\n- Iconos y emojis relevantes en t\u00edtulos y resultados.\n- Tarjetas (cards) con sombra suave (box-shadow), bordes redondeados (border-radius: 1rem) y animaci\u00f3n de entrada (fade-in).\n- Formulario con inputs limpios, animaci\u00f3n sutil en focus (ring) y bot\u00f3n principal con gradiente y hover effect (scale).\n- Badge de dificultad con colores: Bajo (Verde), Medio (Amarillo\/Naranja), Alto (Rojo).\n- Interacciones: Animaci\u00f3n de loading (spinner o skeleton) mientras se \"generan\" las ideas. Scroll autom\u00e1tico hacia los resultados.\n- Bot\u00f3n \"Generar nuevas ideas\" visible tras resultados.\n\nL\u00f3gica Interna (Mock):\n- Simular generaci\u00f3n de ideas y roadmap basado en palabras clave.\n- Mantener el estado sin backend real (todo en el frontend con JavaScript\/TypeScript).\n\nResponsive: Mobile first. En escritorio, las tarjetas deben mostrarse en grid flexible.\nNo usar backend real. Enf\u00f3cate en la experiencia visual y la fluidez.<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6.1 Aplicaci\u00f3n<\/h3>\n\n\n\n<p>Para poder probar la aplicaci\u00f3n funcional desarrollada con Lovable, pueden ingresar al siguiente link: <a href=\"https:\/\/business-muse-gen.lovable.app\">https:\/\/business-muse-gen.lovable.app<\/a><br>Adem\u00e1s pueden probar la aplicaci\u00f3n directamente en este art\u00edculo<\/p>\n\n\n\n<iframe \nsrc=\"https:\/\/business-muse-gen.lovable.app\" \nwidth=\"100%\" \nheight=\"700px\" \nstyle=\"border:none;\">\n<\/iframe>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>7. Soporte y dificultades de las apps creadas con Vibe Coding<\/strong><\/h2>\n\n\n\n<p>Durante la creaci\u00f3n de &#8220;IdeaForge&#8221; y su evoluci\u00f3n hacia una herramienta de planificaci\u00f3n, surgieron dificultades inherentes a esta metodolog\u00eda:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Complejidad del Estado Visual:<\/strong> A\u00f1adir la vista de Roadmap sin backend real requiri\u00f3 mapear manualmente los datos simulados a un nuevo componente React. La IA necesit\u00f3 instrucciones muy precisas para no romper el dise\u00f1o existente.<\/li>\n\n\n\n<li><strong>Generaci\u00f3n de Excel:<\/strong> Lovable tuvo que simular la descarga usando librer\u00edas de frontend como <code>SheetJS<\/code>. Fue necesario especificar exactamente la estructura de la tabla deseada en el prompt.<\/li>\n\n\n\n<li><strong>Manejo de Presupuesto:<\/strong> La barra de progresi\u00f3n visual tuvo que ser recalibrada para que los montos num\u00e9ricos coincidieran con la simulaci\u00f3n de IA mock.<\/li>\n\n\n\n<li><strong>Necesidad de iteraci\u00f3n manual m\u00ednima:<\/strong> Aunque no programamos, s\u00ed tuvimos que indicarle a Lovable: &#8220;Elimina el footer&#8221;, &#8220;Cambia el placeholder del campo habilidades&#8221;, tareas de gesti\u00f3n de proyecto digital.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>8. Conclusiones<\/strong><\/h2>\n\n\n\n<p>El Vibe Coding, materializado a trav\u00e9s de herramientas como Lovable, est\u00e1 redefiniendo la fase de prototipado y validaci\u00f3n. Permite a cualquier persona con una visi\u00f3n clara y habilidades de comunicaci\u00f3n (prompting) construir aplicaciones web interactivas en tiempo r\u00e9cord.<\/p>\n\n\n\n<p>Con la incorporaci\u00f3n del Roadmap y la Exportaci\u00f3n a Excel, demostramos que el Vibe Coding no solo sirve para &#8220;jugar&#8221; con la IA, sino para crear <strong>herramientas de productividad reales<\/strong>. La capacidad de pasar de una idea abstracta a un plan de ejecuci\u00f3n descargable en minutos es el verdadero valor diferencial de esta metodolog\u00eda. El futuro del desarrollo es h\u00edbrido: la IA escribe el c\u00f3digo, y el humano dirige la orquesta con el &#8220;Vibe&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Videos del Proceso<\/strong><\/h2>\n\n\n\n<p><strong>Video 1: Paso a paso del desarrollo en Lovable <\/strong><\/p>\n\n\n\n<p>En el siguiente video se muestra un resumen del proceso de registro, ingreso de prompts y transformaci\u00f3n de la interfaz en tiempo real usando Lovable.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Lovable IA\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/NURtUAiDG9c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Video 2: Explicaci\u00f3n de la App &#8220;IdeaForge&#8221; (Problema, Soluci\u00f3n y Roadmap)<\/strong><\/p>\n\n\n\n<p>Este segundo video explica el prop\u00f3sito de la aplicaci\u00f3n y su valor diferencial: c\u00f3mo ayuda a emprendedores no solo a tener una idea, sino a ejecutarla con un plan claro.<\/p>\n\n\n\n<p><em>Guion del video 2:<\/em> &#8220;Esta aplicaci\u00f3n utiliza inteligencia artificial para generar ideas de negocio personalizadas a partir de los intereses, habilidades y presupuesto del usuario. A diferencia de otras herramientas, no solo entrega la idea, sino tambi\u00e9n una hoja de ruta completa con un plan de ejecuci\u00f3n dividido por meses, incluyendo actividades espec\u00edficas y un presupuesto progresivo. Adem\u00e1s, el sistema permite visualizar este roadmap de forma clara y exportarlo autom\u00e1ticamente a un archivo Excel, listo para ser usado como plan de trabajo real. Esto convierte la generaci\u00f3n de ideas en un proceso pr\u00e1ctico, estructurado y accionable.&#8221;<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"100%\" height=\"470\" src=\"https:\/\/www.youtube.com\/embed\/uqfW869cQnk?si=uFnCJ4_gtMCQpGGL\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Segunda Fase: De Prototipo a Plataforma SaaS Profesional<\/strong><\/h2>\n\n\n\n<p>Tras el desarrollo inicial de &#8220;IdeaForge&#8221; como prototipo funcional, el proyecto evolucion\u00f3 hacia una <strong>plataforma SaaS completa<\/strong> con autenticaci\u00f3n real, base de datos, inteligencia artificial integrada, panel de administraci\u00f3n y experiencia de usuario profesional. A continuaci\u00f3n se documentan todas las mejoras implementadas, los prompts utilizados y la arquitectura resultante.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Planificaci\u00f3n Visual con GitMind<\/h3>\n\n\n\n<p>Antes de implementar las mejoras, se utiliz\u00f3 <strong><a href=\"https:\/\/gitmind.com\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\">GitMind<\/a><\/strong> \u2014herramienta gratuita de mapas mentales basada en la nube\u2014 para planificar visualmente la arquitectura completa del nuevo sistema. GitMind permite organizar conceptos complejos, facilitando la planificaci\u00f3n de proyectos, la toma de notas y la colaboraci\u00f3n en tiempo real.<\/p>\n\n\n\n<p><strong>Contextos donde se utiliz\u00f3 GitMind en este proyecto:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mapeo de arquitectura de software:<\/strong> Visualizar todos los m\u00f3dulos (Autenticaci\u00f3n, Generador, IA, Dashboard, Admin, Email) y sus interconexiones antes de escribir c\u00f3digo.<\/li>\n\n\n\n<li><strong>Documentaci\u00f3n visual del sistema:<\/strong> Crear un entregable claro de la arquitectura para el trabajo escrito y presentaciones.<\/li>\n\n\n\n<li><strong>Brainstorming estructurado:<\/strong> Organizar las funcionalidades deseadas y detectar dependencias entre m\u00f3dulos.<\/li>\n<\/ul>\n\n\n\n<p><strong>Proceso de creaci\u00f3n del mapa:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Nodo central:<\/strong> &#8220;IdeaForge &#8211; Plataforma SaaS de Generaci\u00f3n de Ideas con IA&#8221;<\/li>\n\n\n\n<li><strong>Ramificaci\u00f3n de m\u00f3dulos:<\/strong> Landing Page, Autenticaci\u00f3n (Supabase Auth), Generador, IA (Gemini), Dashboard Usuario, Panel Admin, Sistema de Correo<\/li>\n\n\n\n<li><strong>Desglose detallado:<\/strong> Cada m\u00f3dulo se expandi\u00f3 con funcionalidades espec\u00edficas \u2014validaciones de contrase\u00f1a, an\u00e1lisis de mercado, m\u00e9tricas admin, env\u00edo PDF\/Excel<\/li>\n\n\n\n<li><strong>Conexi\u00f3n tecnol\u00f3gica:<\/strong> Se vincularon tecnolog\u00edas (Supabase, Gemini API, Nodemailer, jsPDF, XLSX) con los m\u00f3dulos correspondientes<\/li>\n<\/ol>\n\n\n\n<p><strong>Mapa mental de la arquitectura:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/IdeaGen-\ud83e\udd16-1-1024x619.png\" alt=\"\" class=\"wp-image-86749\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/IdeaGen-\ud83e\udd16-1-1024x619.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/IdeaGen-\ud83e\udd16-1-300x181.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/IdeaGen-\ud83e\udd16-1-768x464.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/IdeaGen-\ud83e\udd16-1-1536x928.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/IdeaGen-\ud83e\udd16-1-2048x1237.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br>El mapa muestra: nodo central &#8220;IdeaForge SaaS&#8221;, ramas para Autenticaci\u00f3n (registro, login, Google OAuth, recuperaci\u00f3n de contrase\u00f1a), Generador (slider de presupuesto, chips r\u00e1pidos), IA (an\u00e1lisis de mercado, financiero, chat mentor), Dashboard (ideas guardadas, progreso, estad\u00edsticas), Admin (m\u00e9tricas globales, usuarios, crecimiento) y Email (env\u00edo real con PDF + Excel).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Redise\u00f1o UX\/UI Profesional<\/h3>\n\n\n\n<p>La primera mejora fue un redise\u00f1o completo de la interfaz para alcanzar est\u00e1ndares profesionales tipo SaaS (estilo Linear \/ Stripe Dashboard):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Landing Page:<\/strong> Hero section con CTA, secciones de beneficios y c\u00f3mo funciona, animaciones al scroll<\/li>\n\n\n\n<li><strong>Formulario de autenticaci\u00f3n:<\/strong> Validaciones en tiempo real, icono &#8220;ojo&#8221; para contrase\u00f1as, estados visuales de error\/success\/focus<\/li>\n\n\n\n<li><strong>Generador:<\/strong> Slider de presupuesto con chips r\u00e1pidos (Bajo\/Medio\/Alto), display din\u00e1mico &#8220;$2,500 USD&#8221;<\/li>\n\n\n\n<li><strong>Resultados:<\/strong> Accordion animado con fases expandibles, cards en grid de 2 columnas con iconos + m\u00e9tricas<\/li>\n\n\n\n<li><strong>UX Global:<\/strong> Iconograf\u00eda Material Symbols, tipograf\u00eda consistente, animaciones suaves, feedback visual en todas las acciones<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Autenticaci\u00f3n Completa con Supabase<\/h3>\n\n\n\n<p>Se implement\u00f3 un sistema de autenticaci\u00f3n profesional usando <strong>Supabase Auth<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Registro con email y contrase\u00f1a (validaci\u00f3n: 8+ caracteres, may\u00fascula, min\u00fascula, n\u00famero, car\u00e1cter especial)<\/li>\n\n\n\n<li>Login con Google OAuth<\/li>\n\n\n\n<li>Sesi\u00f3n persistente con JWT y refreshing autom\u00e1tico<\/li>\n\n\n\n<li>Recuperaci\u00f3n de contrase\u00f1a v\u00eda email con token firmado (SHA256, TTL 15 minutos)<\/li>\n\n\n\n<li>Protecci\u00f3n de rutas: usuarios no autenticados redirigidos al login<\/li>\n\n\n\n<li>Indicador de usuario logueado en navbar con bot\u00f3n de logout<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Base de Datos y Persistencia<\/h3>\n\n\n\n<p>Se cre\u00f3 la estructura de datos en <strong>PostgreSQL (Supabase)<\/strong> con Row Level Security:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tabla &#8220;ideas&#8221;:<\/strong> id (uuid), user_id (FK), t\u00edtulo, descripci\u00f3n, presupuesto, roadmap (jsonb), an\u00e1lisis_mercado (jsonb), an\u00e1lisis_financiero (jsonb), categor\u00eda, dificultad, created_at<\/li>\n\n\n\n<li><strong>Tabla &#8220;profiles&#8221;:<\/strong> id (FK), email, display_name, avatar_url, role (user\/admin)<\/li>\n\n\n\n<li><strong>Tabla &#8220;progreso&#8221;:<\/strong> user_id, idea_id, tarea_key, completado \u2014 permite seguimiento de checklist<\/li>\n\n\n\n<li><strong>Persistencia local:<\/strong> Estado del formulario guardado en localStorage (namespace ideagen.generator.v1) para no perder datos entre navegaciones<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Integraci\u00f3n de Inteligencia Artificial (Gemini)<\/h3>\n\n\n\n<p>Se integr\u00f3 <strong>Gemini API<\/strong> mediante Edge Functions en Deno para generar an\u00e1lisis inteligentes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>An\u00e1lisis de mercado:<\/strong> Nivel de demanda, competencia, p\u00fablico objetivo, tendencia del mercado<\/li>\n\n\n\n<li><strong>An\u00e1lisis financiero:<\/strong> Inversi\u00f3n inicial estimada, ingresos mensuales potenciales, tiempo de retorno (ROI)<\/li>\n\n\n\n<li><strong>Recomendaciones estrat\u00e9gicas:<\/strong> Primeros pasos, riesgos identificados, consejos pr\u00e1cticos<\/li>\n\n\n\n<li><strong>Chat Mentor IA:<\/strong> Resuelve dudas del emprendedor en tiempo real con contexto de la idea seleccionada<\/li>\n\n\n\n<li><strong>Fallback local:<\/strong> Si Gemini falla (error 5xx\/4xx), el sistema usa un pool de 20+ plantillas locales para garantizar respuesta<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Dashboard de Usuario (&#8220;Mis Ideas&#8221;)<\/h3>\n\n\n\n<p>Se cre\u00f3 una vista personalizada para usuarios autenticados:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visualizaci\u00f3n de ideas guardadas en formato card<\/li>\n\n\n\n<li>Estad\u00edsticas personales: n\u00famero de ideas, presupuesto promedio, categor\u00eda m\u00e1s frecuente<\/li>\n\n\n\n<li>Sistema de favoritos (marcar\/desmarcar ideas)<\/li>\n\n\n\n<li>Opci\u00f3n de eliminar ideas con confirmaci\u00f3n<\/li>\n\n\n\n<li>Seguimiento de progreso: checklist de tareas con barra de avance<\/li>\n\n\n\n<li>Mensaje &#8220;No tienes ideas guardadas a\u00fan&#8221; + loader mientras cargan datos<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Panel de Administraci\u00f3n<\/h3>\n\n\n\n<p>Se implement\u00f3 un panel exclusivo para administradores (rol &#8220;admin&#8221; en tabla profiles):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Total de usuarios registrados y crecimiento en el tiempo<\/li>\n\n\n\n<li>Total de ideas generadas en la plataforma<\/li>\n\n\n\n<li>Promedio de presupuesto de todas las ideas<\/li>\n\n\n\n<li>Ideas m\u00e1s comunes por categor\u00eda<\/li>\n\n\n\n<li>\u00daltimos usuarios registrados<\/li>\n\n\n\n<li>Gr\u00e1ficas de actividad y distribuci\u00f3n<\/li>\n<\/ul>\n\n\n\n<p>(email verificado con role = admin).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. Sistema de Correo Electr\u00f3nico<\/h3>\n\n\n\n<p>Se corrigi\u00f3 el sistema de env\u00edo de emails que presentaba artefactos &#8220;=20&#8221; por problemas de encoding quoted-printable:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Problema detectado:<\/strong> Headers MIME con quoted-printable mal formateado generaban &#8220;=20 =20 =20&#8221; en el cuerpo del email<\/li>\n\n\n\n<li><strong>Soluci\u00f3n:<\/strong> Encoding forzado a base64 con headers UTF-8 limpios, Content-Type text\/html; charset=utf-8<\/li>\n\n\n\n<li><strong>Adjuntos:<\/strong> PDF generado con jsPDF (plan completo) + Excel con XLSX (datos estructurados y f\u00f3rmulas de ROI)<\/li>\n\n\n\n<li><strong>Resultado:<\/strong> Correos limpios, profesionales, con informaci\u00f3n real del usuario<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Exportaci\u00f3n de Documentos<\/h3>\n\n\n\n<p>Se implementaron dos formatos de exportaci\u00f3n profesional:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PDF:<\/strong> Documento estructurado con resumen ejecutivo, an\u00e1lisis de mercado, proyecciones financieras, roadmap completo y marca de agua de la plataforma<\/li>\n\n\n\n<li><strong>Excel:<\/strong> Archivo multi-hoja con cronograma de fases, presupuesto progresivo, c\u00e1lculo de ROI, actividades por mes y KPIs din\u00e1micos<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">10. Casos de Uso Principales<\/h3>\n\n\n\n<p>El sistema implementa 20 casos de uso documentados. Los m\u00e1s relevantes son:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>ID<\/th><th>Caso de Uso<\/th><th>Descripci\u00f3n<\/th><\/tr><\/thead><tbody><tr><td>CU-001<\/td><td>Registro de Usuario<\/td><td>Crear cuenta con email\/password validado o Google OAuth<\/td><\/tr><tr><td>CU-004<\/td><td>Recuperaci\u00f3n de Contrase\u00f1a<\/td><td>Token firmado SHA256 con TTL de 15 minutos y latencia uniforme anti-timing attack<\/td><\/tr><tr><td>CU-006<\/td><td>Generar Ideas con IA<\/td><td>Invocar Edge Function Gemini \u2192 3-5 ideas personalizadas con fallback local si hay error<\/td><\/tr><tr><td>CU-007<\/td><td>Analizar Viabilidad<\/td><td>Evaluaci\u00f3n de mercado, competencia, proyecci\u00f3n financiera y recomendaciones por idea<\/td><\/tr><tr><td>CU-008<\/td><td>Guardar Idea<\/td><td>Persistir en PostgreSQL con RLS (cada usuario solo ve sus propias ideas)<\/td><\/tr><tr><td>CU-009<\/td><td>Gestionar Roadmap<\/td><td>Checklist de tareas por fase con barra de progreso y unique constraint<\/td><\/tr><tr><td>CU-010\/011<\/td><td>Exportar PDF\/Excel<\/td><td>Documentos profesionales con jsPDF y XLSX, f\u00f3rmulas de ROI incluidas<\/td><\/tr><tr><td>CU-012<\/td><td>Enviar Plan por Email<\/td><td>SMTP con sanitizaci\u00f3n RFC 5322, adjuntos PDF + Excel, sin artefactos &#8220;=20&#8221;<\/td><\/tr><tr><td>CU-013<\/td><td>Chat Mentor IA<\/td><td>Consultas contextuales sobre la idea, m\u00e1ximo 6 frases por respuesta<\/td><\/tr><tr><td>CU-014<\/td><td>Dashboard de M\u00e9tricas<\/td><td>Estad\u00edsticas personales: ideas por categor\u00eda, presupuesto promedio, favoritos<\/td><\/tr><tr><td>CU-016<\/td><td>Panel Administrativo<\/td><td>M\u00e9tricas globales, listado de usuarios, crecimiento, ideas por categor\u00eda<\/td><\/tr><tr><td>CU-018<\/td><td>Fallback de IA<\/td><td>Pool de 20+ plantillas locales si Gemini no responde, usuario siempre recibe resultado<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">11. Tecnolog\u00edas del Stack Final<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Categor\u00eda<\/th><th>Tecnolog\u00eda<\/th><th>Uso<\/th><\/tr><\/thead><tbody><tr><td>Frontend<\/td><td>React 18 + Vite + TypeScript 5.x<\/td><td>SPA de alta velocidad con tipado est\u00e1tico<\/td><\/tr><tr><td>Estilos<\/td><td>TailwindCSS + shadcn\/ui<\/td><td>Dise\u00f1o at\u00f3mico y componentes consistentes<\/td><\/tr><tr><td>Backend\/BaaS<\/td><td>Supabase<\/td><td>Autenticaci\u00f3n, base de datos PostgreSQL, RLS<\/td><\/tr><tr><td>IA<\/td><td>Gemini API<\/td><td>Generaci\u00f3n de ideas, an\u00e1lisis de mercado y finanzas<\/td><\/tr><tr><td>Edge Functions<\/td><td>Deno Deploy<\/td><td>Procesamiento seguro de APIs sin exponer credenciales<\/td><\/tr><tr><td>Reportes<\/td><td>jsPDF + XLSX<\/td><td>Generaci\u00f3n de PDF y Excel en cliente<\/td><\/tr><tr><td>Email<\/td><td>Nodemailer + SMTP<\/td><td>Env\u00edo de planes con adjuntos<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">12. Prompt Maestro de la Segunda Fase<\/h3>\n\n\n\n<p>Este fue el prompt integral que unific\u00f3 todas las mejoras implementadas:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Quiero mejorar mi aplicaci\u00f3n de generaci\u00f3n de ideas de negocio para convertirla en una plataforma tipo SaaS con inteligencia artificial, an\u00e1lisis de mercado y panel de administraci\u00f3n.\n\nIMPORTANTE: La app ya tiene generaci\u00f3n de ideas, roadmap y exportaci\u00f3n a Excel. NO romper lo existente.\n\nINTEGRACI\u00d3N DE IA (Gemini):\n- An\u00e1lisis de mercado: demanda, competencia, p\u00fablico objetivo, tendencia\n- An\u00e1lisis financiero: inversi\u00f3n inicial, ingresos mensuales, ROI\n- Recomendaciones: primeros pasos, riesgos, consejos estrat\u00e9gicos\n- Chat mentor contextual por idea seleccionada\n- Fallback local con 20+ plantillas si la API falla\n\nAUTENTICACI\u00d3N (Supabase):\n- Registro con email\/password + validaciones en tiempo real\n- Login con Google OAuth\n- Recuperaci\u00f3n de contrase\u00f1a con token SHA256 (TTL 15min)\n- Protecci\u00f3n de rutas, sesi\u00f3n persistente con JWT\n\nBASE DE DATOS (Supabase PostgreSQL):\n- Tabla \"ideas\" con an\u00e1lisis_mercado y an\u00e1lisis_financiero (jsonb)\n- Tabla \"profiles\" con role (user\/admin)\n- Tabla \"progreso\" para checklist con unique constraint\n- Row Level Security en todas las tablas\n\nSISTEMA DE ROLES:\n- Admin asignado: Erick Trujillo\n- Panel admin: m\u00e9tricas globales, usuarios, crecimiento, gr\u00e1ficas\n\nDASHBOARD DE USUARIO:\n- Ideas guardadas, favoritos, estad\u00edsticas personales\n- Seguimiento de progreso con barra de avance\n- Eliminar ideas con confirmaci\u00f3n\n\nEMAIL:\n- Corregir encoding \"=20\" \u2192 base64 + UTF-8 limpio\n- Adjuntar PDF (jsPDF) + Excel (XLSX con f\u00f3rmulas ROI)\n- Sanitizaci\u00f3n RFC 5322\n\nUX\/UI:\n- Dise\u00f1o tipo Linear\/Stripe Dashboard\n- Iconograf\u00eda Material Symbols, animaciones suaves\n- Persistencia local (localStorage namespace ideagen.generator.v1)\n- Loading states, toasts de confirmaci\u00f3n, mensajes amigables\n\nRESULTADO: Plataforma SaaS completa lista para producci\u00f3n.<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"837\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1-1-1024x837.png\" alt=\"\" class=\"wp-image-86753\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1-1-1024x837.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1-1-300x245.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1-1-768x628.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/img1-1.png 1157w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">13. Conclusiones de la Segunda Fase<\/h3>\n\n\n\n<p>La segunda fase transform\u00f3 &#8220;IdeaForge&#8221; de un prototipo funcional a una <strong>plataforma SaaS profesional y escalable<\/strong>. La planificaci\u00f3n con <strong>GitMind<\/strong> permiti\u00f3 visualizar la arquitectura completa antes de implementar, facilitando un desarrollo ordenado. La aplicaci\u00f3n de <strong>prompts de refinamiento progresivo<\/strong> demostr\u00f3 que el Vibe Coding puede producir software complejo con autenticaci\u00f3n, base de datos relacional con RLS, roles de usuario, IA integrada con fallback, panel de administraci\u00f3n y exportaci\u00f3n de documentos profesionales.<\/p>\n\n\n\n<p>El stack tecnol\u00f3gico final \u2014React 18 + TypeScript + Supabase + Gemini API + Deno Edge Functions\u2014 ofrece una experiencia completa: registro seguro con m\u00faltiples m\u00e9todos, generaci\u00f3n de ideas con an\u00e1lisis de mercado real, roadmap ejecutable descargable en PDF y Excel, dashboard personalizado con seguimiento de progreso, y panel de administraci\u00f3n con m\u00e9tricas globales. La plataforma est\u00e1 lista para producci\u00f3n, con arquitectura escalable que permite futuras integraciones y expansi\u00f3n a nuevos mercados.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>Creditos<\/strong><br><br><strong>Autor:<\/strong> <a href=\"https:\/\/niixer.com\/?s=Carlos+Santiago+Urrego+Jim%C3%A9nez\">Carlos Santiago Urrego Jim\u00e9nez<\/a>, <a href=\"https:\/\/niixer.com\/?s=Erick+Trujillo+Vera\">Erick Trujillo Vera<\/a><strong><br>Editor:&nbsp;<\/strong><a href=\"https:\/\/niixer.com\/?s=Carlos+Iv%C3%A1n+Pinz%C3%B3n+Romero\">Carlos Iv\u00e1n Pinz\u00f3n Romero<\/a><strong><br>Codigo:&nbsp;<\/strong><a href=\"https:\/\/niixer.com\/?s=uciag-9\">UCIAG-9<\/a><strong><br>Universidad<\/strong>:&nbsp;<a href=\"https:\/\/niixer.com\/?s=Universidad+Central\">Universidad Central<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Referencias<\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">Lovable. (s.&nbsp;f.). AI App Builder | Vibe Code Apps &amp; Websites with AI, Fast. https:\/\/lovable.dev\/<br>Sign in - Google Accounts. (s.&nbsp;f.). https:\/\/aistudio.google.com\/api-keys<br>Gu\u00eda de ingenier\u00eda de Prompt \u2013 Nextra. (s.&nbsp;f.). https:\/\/www.promptingguide.ai\/es<br>Lovable. (s.&nbsp;f.-b). Lovable app. https:\/\/forgei-idea.lovable.app\/<br>erick trujillo vera. (2026b, abril 13). Lovable IA [V\u00eddeo]. YouTube. https:\/\/www.youtube.com\/watch?v=NURtUAiDG9c<br>https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>El desarrollo de software est\u00e1 experimentando una transformaci\u00f3n significativa gracias a la inteligencia artificial. En este contexto surge el concepto de Vibe Coding, una metodolog\u00eda que permite crear aplicaciones completas mediante instrucciones en lenguaje natural, eliminando la necesidad de programar manualmente. En este art\u00edculo se presenta el desarrollo de unaSeguir Leyendo<\/p>\n","protected":false},"author":2033,"featured_media":85072,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[36],"tags":[91,32,364,31],"class_list":["post-85041","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inteligencia-artificial","tag-innovacion","tag-inteligencia-artificial","tag-paginas-web-2","tag-tecnologia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos<\/title>\n<meta name=\"description\" content=\"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo. Lovable, la mejor app para crear aplicaciones\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"og:description\" content=\"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo. Lovable, la mejor app para crear aplicaciones\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T01:11:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T23:26:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Carlos Urrego\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlos Urrego\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","description":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo. Lovable, la mejor app para crear aplicaciones","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/","og_locale":"es_ES","og_type":"article","og_title":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","og_description":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo. Lovable, la mejor app para crear aplicaciones","og_url":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2026-04-13T01:11:13+00:00","article_modified_time":"2026-05-11T23:26:32+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp","type":"image\/webp"}],"author":"Carlos Urrego","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carlos Urrego","Tiempo de lectura":"17 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/"},"author":{"name":"Carlos Urrego","@id":"https:\/\/niixer.com\/#\/schema\/person\/c16f0174de80f9285b45a10551ac998a"},"headline":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo","datePublished":"2026-04-13T01:11:13+00:00","dateModified":"2026-05-11T23:26:32+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/"},"wordCount":3278,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp","keywords":["Innovaci\u00f3n","Inteligencia Artificial","Paginas web","tecnolog\u00eda"],"articleSection":["Inteligencia Artificial"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/","url":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/","name":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp","datePublished":"2026-04-13T01:11:13+00:00","dateModified":"2026-05-11T23:26:32+00:00","description":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo. Lovable, la mejor app para crear aplicaciones","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp","width":1280,"height":720,"caption":"Aprende a crear apps con IA sin saber Progamar - VideCoding"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2026\/04\/12\/vibe-coding-desarrollo-de-aplicaciones-con-ia-sin-escribir-codigo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Vibe Coding: Desarrollo de aplicaciones con IA sin escribir c\u00f3digo"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/c16f0174de80f9285b45a10551ac998a","name":"Carlos Urrego","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/b2daec7a73be0441be2874835cc7f1a21f8eae893fed0f9d077dbc38eda233ab?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b2daec7a73be0441be2874835cc7f1a21f8eae893fed0f9d077dbc38eda233ab?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b2daec7a73be0441be2874835cc7f1a21f8eae893fed0f9d077dbc38eda233ab?s=96&d=mm&r=g","caption":"Carlos Urrego"},"url":"https:\/\/niixer.com\/index.php\/author\/carlos-urrego\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/04\/Portada-4.webp","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/85041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/2033"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=85041"}],"version-history":[{"count":13,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/85041\/revisions"}],"predecessor-version":[{"id":86797,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/85041\/revisions\/86797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/85072"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=85041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=85041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=85041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}