{"id":86561,"date":"2026-05-19T11:25:12","date_gmt":"2026-05-19T16:25:12","guid":{"rendered":"https:\/\/niixer.com\/?p=86561"},"modified":"2026-05-19T11:44:03","modified_gmt":"2026-05-19T16:44:03","slug":"automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/","title":{"rendered":"Automatizaci\u00f3n del desarrollo web: creando un CRM con IA Studio"},"content":{"rendered":"\n<p class=\"has-small-font-size\"><strong>Tema:<\/strong> Aprende c\u00f3mo crear y desplegar un CRM moderno utilizando IA Studio, Supabase, GitHub y Render paso a paso.| <strong>Tiempo de lectura estimado:<\/strong> 20 minutos<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>INTRODUCCION<\/strong><\/h2>\n\n\n\n<p>La inteligencia artificial ha transformado significativamente el desarrollo de software moderno, permitiendo automatizar procesos que anteriormente requer\u00edan largos tiempos de programaci\u00f3n y configuraci\u00f3n manual. En la actualidad, herramientas como IA Studio facilitan la creaci\u00f3n de aplicaciones funcionales mediante el uso de prompts inteligentes, lo que agiliza el desarrollo de plataformas empresariales de forma r\u00e1pida y eficiente.<\/p>\n\n\n\n<p>En este proyecto se desarroll\u00f3 un CRM m\u00e9dico utilizando IA Studio, Supabase, GitHub y Render. El principal objetivo fue demostrar c\u00f3mo las tecnolog\u00edas de inteligencia artificial pueden optimizar el desarrollo web, automatizar procesos y mejorar la administraci\u00f3n de aplicaciones modernas.<\/p>\n\n\n\n<p>Durante el desarrollo se llevaron a cabo configuraciones de bases de datos, integraci\u00f3n de variables de entorno, publicaci\u00f3n del c\u00f3digo en GitHub y despliegue en Render. Asimismo, se solucionaron errores relacionados con la autenticaci\u00f3n y la creaci\u00f3n de usuarios, lo que permiti\u00f3 fortalecer la seguridad y la funcionalidad del sistema.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es IA Studio y por qu\u00e9 es importante?<\/strong><\/h3>\n\n\n\n<p>IA Studio es una herramienta basada en inteligencia artificial que permite generar aplicaciones web utilizando instrucciones o prompts personalizados. Su importancia radica en la automatizaci\u00f3n del desarrollo, reduciendo tiempos de programaci\u00f3n y facilitando la integraci\u00f3n con tecnolog\u00edas modernas.<a href=\"https:\/\/ebookcentral-proquest-com.ezproxy.ucentral.edu.co\/lib\/ucentralco\/reader.action?docID=294367&amp;c=UERG\">veamos la informacion aqui.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Beneficios principales de IA Studio<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Automatizaci\u00f3n del desarrollo<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permite generar c\u00f3digo autom\u00e1ticamente utilizando inteligencia artificial.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Integraci\u00f3n r\u00e1pida<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Facilita la conexi\u00f3n con servicios externos como bases de datos y plataformas cloud.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Optimizaci\u00f3n del tiempo<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reduce significativamente el tiempo de construcci\u00f3n de aplicaciones.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Escalabilidad<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permite crear proyectos modernos y preparados para futuras mejoras.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Creaci\u00f3n de la base de datos en Supabase<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Empezamos creando una base de datos en SupaBase para el proyecto. Creamos la cuenta de SupaBase y la base de datos que va a usar IA Studio para crear el proyecto.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"678\" height=\"755\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-168.png\" alt=\"\" class=\"wp-image-86935\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-168.png 678w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-168-269x300.png 269w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"367\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-169.png\" alt=\"\" class=\"wp-image-86937\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-169.png 608w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-169-300x181.png 300w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-170-1024x444.png\" alt=\"\" class=\"wp-image-86938\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-170-1024x444.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-170-300x130.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-170-768x333.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-170-1536x667.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-170.png 1615w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Generaci\u00f3n del prompt utilizando ChatGPT<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Se le pidi\u00f3 a ChatGPT que creara un prompt para IA Studio, se le dieron unos par\u00e1metros (incluyendo la base de datos creada anteriormente con su nombre y contrase\u00f1a) y nos di\u00f3 el siguiente prompt:&nbsp;<a href=\"https:\/\/docs.google.com\/document\/d\/1Rv-SB1y6cJ45sjRgvzPKBdRlZc9Pm-bjEwVO1nrWBps\/edit?usp=sharing\">PROMPT IA Studio<\/a><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"354\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-171-1024x354.png\" alt=\"\" class=\"wp-image-86941\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-171-1024x354.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-171-300x104.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-171-768x266.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-171-1536x531.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-171.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Construcci\u00f3n autom\u00e1tica del CRM con IA Studio<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Una vez teniendo el prompt se lo dimos a IA Studio para que empezara el proceso.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"489\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-172.png\" alt=\"\" class=\"wp-image-86942\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-172.png 1008w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-172-300x146.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-172-768x373.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-173-1024x459.png\" alt=\"\" class=\"wp-image-86943\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-173-1024x459.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-173-300x135.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-173-768x344.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-173-1536x689.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-173.png 1565w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Login de usuarios<\/strong><\/h3>\n\n\n\n<p>Luego de unos minutos cargando, IA Studio nos pidi\u00f3 una variables de entorno para conectar el CRM con SupaBase.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"582\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-174.png\" alt=\"\" class=\"wp-image-86944\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-174.png 517w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-174-266x300.png 266w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Gesti\u00f3n de cuentas<\/strong><\/h3>\n\n\n\n<p>Estas variables se obtuvieron desde la misma p\u00e1gina de SupaBase de la siguiente forma: para <code>DATABASE_URL<\/code>, dentro del proyecto se debe ir a la secci\u00f3n \u201cDirect\u201d y copiar el \u201cConnection string\u201d. Luego, se reemplaza \u201c[YOUR-PASSWORD]\u201d por la contrase\u00f1a real de la base de datos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"227\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-175.png\" alt=\"\" class=\"wp-image-86946\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-175.png 948w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-175-300x72.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-175-768x184.png 768w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"191\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-176.png\" alt=\"\" class=\"wp-image-86947\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-176.png 914w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-176-300x63.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-176-768x160.png 768w\" sizes=\"auto, (max-width: 914px) 100vw, 914px\" \/><\/figure>\n\n\n\n<p>Para <code>SUPABASE_URL<\/code>, en la p\u00e1gina principal del proyecto se puede visualizar la URL, la cual debe ser copiada directamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"200\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-177.png\" alt=\"\" class=\"wp-image-86948\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-177.png 610w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-177-300x98.png 300w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/figure>\n\n\n\n<p>Para <code>SUPABASE_ANON_KEY<\/code>, se obtiene desde la p\u00e1gina principal accediendo a configuraci\u00f3n o \u201cSettings\u201d, luego a \u201cAPI Keys\u201d. Dentro de esta secci\u00f3n, se debe ir a \u201cLegacy anon, service_role API Keys\u201d y copiar la clave denominada \u201canon public\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-medium is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"101\" height=\"300\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-178-101x300.png\" alt=\"\" class=\"wp-image-86949\" style=\"width:186px\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-178-101x300.png 101w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-178.png 204w\" sizes=\"auto, (max-width: 101px) 100vw, 101px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"306\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-179.png\" alt=\"\" class=\"wp-image-86950\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-179.png 240w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-179-235x300.png 235w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"239\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-180-1024x239.png\" alt=\"\" class=\"wp-image-86951\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-180-1024x239.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-180-300x70.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-180-768x179.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-180.png 1147w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>SUPABASE_SERVICE_ROLE_KEY: Se consigue haciendo los mismos pasos que antes y en vez de copiar \u201canon public\u201d se copia el \u201cservice_role\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-181-1024x356.png\" alt=\"\" class=\"wp-image-86952\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-181-1024x356.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-181-300x104.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-181-768x267.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-181.png 1179w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Para <code>JWT_SECRET<\/code>, se debe crear manualmente, asegur\u00e1ndose de que sea lo m\u00e1s segura posible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Integraci\u00f3n con base de datos<\/strong><\/h3>\n\n\n\n<p>El proceso de creaci\u00f3n de la aplicaci\u00f3n puede tardar unos momentos en completarse; en caso de que no se reflejen cambios, se puede hacer clic en \u201cReload Now\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"619\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-182.png\" alt=\"\" class=\"wp-image-86953\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-182.png 601w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-182-291x300.png 291w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/figure>\n\n\n\n<p>Una vez finalizado el proceso, se mostrar\u00e1 una vista previa de c\u00f3mo queda la p\u00e1gina creada, junto con las opciones disponibles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Panel administrativo<\/strong><\/h3>\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\/05\/image-183-1024x619.png\" alt=\"\" class=\"wp-image-86954\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-183-1024x619.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-183-300x181.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-183-768x464.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-183.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"724\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-184.png\" alt=\"\" class=\"wp-image-86956\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-184.png 563w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-184-233x300.png 233w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-185-1024x564.png\" alt=\"\" class=\"wp-image-86957\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-185-1024x564.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-185-300x165.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-185-768x423.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-185.png 1373w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Publicaci\u00f3n del proyecto en GitHub<\/strong><\/h3>\n\n\n\n<p>A continuaci\u00f3n, se debe ir a la esquina superior derecha de IA Studio y hacer clic en \u201cPublish\u201d o \u201cPublicar\u201d. Luego, se selecciona GitHub y se elige la opci\u00f3n de publicaci\u00f3n p\u00fablica, de modo que la p\u00e1gina pueda ser visible para todos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"421\" height=\"197\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-186.png\" alt=\"\" class=\"wp-image-86959\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-186.png 421w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-186-300x140.png 300w\" sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"763\" height=\"599\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-187.png\" alt=\"\" class=\"wp-image-86960\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-187.png 763w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-187-300x236.png 300w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/figure>\n\n\n\n<p>Se debe verificar que toda la documentaci\u00f3n que se va a subir a GitHub sea correcta y, posteriormente, hacer clic en \u201cStage and commit all changes\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"661\" height=\"589\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-188.png\" alt=\"\" class=\"wp-image-86961\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-188.png 661w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-188-300x267.png 300w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/figure>\n\n\n\n<p>Una vez finalizado el proceso, se puede <a href=\"https:\/\/github.com\/\">acceder al GitHub<\/a> creado, donde se visualizar\u00e1 el repositorio con la informaci\u00f3n correspondiente. En este caso, se encuentra disponible en el siguiente enlace: https:\/\/github.com\/CRMedica\/CRMedica_Colombia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Repositorio del proyecto<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-189-1024x627.png\" alt=\"\" class=\"wp-image-86962\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-189-1024x627.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-189-300x184.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-189-768x470.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-189.png 1269w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, se debe crear una cuenta nueva en la <a href=\"https:\/\/render.com\/\">p\u00e1gina de Render<\/a>, ya que esta plataforma permitir\u00e1 alojar y publicar la aplicaci\u00f3n de forma r\u00e1pida y sencilla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-190-1024x463.png\" alt=\"\" class=\"wp-image-86963\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-190-1024x463.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-190-300x136.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-190-768x347.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-190.png 1214w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"579\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-191.png\" alt=\"\" class=\"wp-image-86964\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-191.png 576w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-191-298x300.png 298w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-191-150x150.png 150w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Una vez creada la cuenta, se debe proceder a crear un nuevo servicio, seleccionando en este caso la opci\u00f3n de \u201cWeb Service\u201d o servicio web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Despliegue de la aplicaci\u00f3n en Render<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-192-1024x482.png\" alt=\"\" class=\"wp-image-86965\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-192-1024x482.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-192-300x141.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-192-768x362.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-192.png 1240w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, se debe configurar la plataforma vincul\u00e1ndola con la cuenta de GitHub previamente utilizada e instalar Render en dicha cuenta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Configuraci\u00f3n del servicio<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-193-1024x485.png\" alt=\"\" class=\"wp-image-86966\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-193-1024x485.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-193-300x142.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-193-768x363.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-193.png 1234w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"565\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-194.png\" alt=\"\" class=\"wp-image-86967\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-194.png 590w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-194-300x287.png 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/figure>\n\n\n\n<p>Una vez instalado y configurado, se podr\u00e1n visualizar los repositorios disponibles en GitHub y seleccionar el que se va a utilizar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-195-1024x306.png\" alt=\"\" class=\"wp-image-86968\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-195-1024x306.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-195-300x90.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-195-768x230.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-195.png 1223w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>En el siguiente paso, se deben configurar las variables de entorno necesarias para poder continuar, a\u00f1adiendo las correspondientes seg\u00fan los requerimientos del proyecto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"434\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-196-1024x434.png\" alt=\"\" class=\"wp-image-86969\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-196-1024x434.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-196-300x127.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-196-768x325.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-196-1536x651.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-196.png 1563w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>En Render se podr\u00e1 visualizar la informaci\u00f3n del repositorio de GitHub y, una vez verificada, se puede seleccionar la opci\u00f3n \u201cConnect\u201d para confirmar que todo est\u00e9 funcionando correctamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-197-1024x492.png\" alt=\"\" class=\"wp-image-86970\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-197-1024x492.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-197-300x144.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-197-768x369.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-197.png 1219w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Una vez hecho ya podemos entrar el link de la p\u00e1gina web: <a href=\"https:\/\/crmedica-colombia.onrender.com\/\">https:\/\/crmedica-colombia.onrender.com\/<\/a><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-198-1024x612.png\" alt=\"\" class=\"wp-image-86971\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-198-1024x612.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-198-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-198-768x459.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-198.png 1417w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Soluci\u00f3n de errores encontrados<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-199-1024x523.png\" alt=\"\" class=\"wp-image-86972\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-199-1024x523.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-199-300x153.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-199-768x392.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-199-1536x785.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-199.png 1877w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se realizaron cambios en el <strong>frontend<\/strong> debido a fallos detectados en el <strong>login<\/strong>, como la ausencia de la opci\u00f3n de <strong>recuperaci\u00f3n de contrase\u00f1a<\/strong> y la funcionalidad para <strong>crear una cuenta<\/strong>. Las correcciones se implementaron en <strong>IntelliJ IDEA<\/strong>, espec\u00edficamente modificando el script <strong><code>login.tsx<\/code><\/strong>, y posteriormente se subieron los cambios mediante un <strong>push<\/strong> al repositorio en <strong>GitHub<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"704\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-200.png\" alt=\"\" class=\"wp-image-86973\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-200.png 842w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-200-300x251.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-200-768x642.png 768w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Recuperaci\u00f3n de contrase\u00f1a<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"938\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-201.png\" alt=\"\" class=\"wp-image-86974\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-201.png 684w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-201-219x300.png 219w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/><\/figure>\n\n\n\n<p>Como se puede observar en la imagen, ahora se encuentra disponible el apartado para crear una cuenta, as\u00ed como la opci\u00f3n de recuperaci\u00f3n o creaci\u00f3n de contrase\u00f1a.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"691\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-202.png\" alt=\"\" class=\"wp-image-86975\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-202.png 799w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-202-300x259.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-202-768x664.png 768w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-203-1024x438.png\" alt=\"\" class=\"wp-image-86976\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-203-1024x438.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-203-300x128.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-203-768x328.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-203-1536x656.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-203-1400x600.png 1400w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-203.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se present\u00f3 un error al momento de crear el usuario, indicando: <strong>&#8220;No se pudo encontrar la tabla &#8216;public.users&#8217; en la cach\u00e9 del esquema&#8221;<\/strong>. Para solucionarlo, se copi\u00f3 el contenido del archivo <code>schema.sql<\/code> y se peg\u00f3 en el <strong>SQL Editor<\/strong> de la base de datos en Supabase. Posteriormente, se ejecut\u00f3 el script, lo que permiti\u00f3 crear correctamente la estructura necesaria y proceder con la creaci\u00f3n del usuario sin inconvenientes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"815\" height=\"908\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-204.png\" alt=\"\" class=\"wp-image-86977\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-204.png 815w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-204-269x300.png 269w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-204-768x856.png 768w\" sizes=\"auto, (max-width: 815px) 100vw, 815px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"230\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-206-1024x230.png\" alt=\"\" class=\"wp-image-86979\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-206-1024x230.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-206-300x67.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-206-768x172.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-206-1536x345.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-206.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se agreg\u00f3 el endpoint <code>\/api\/auth\/forgot-password<\/code>, el cual recibe el correo del usuario y utiliza el m\u00e9todo <code>supabase.auth.resetPasswordForEmail()<\/code> de Supabase para enviar autom\u00e1ticamente un correo con un enlace seguro de restablecimiento. Dicho enlace redirige al usuario a la p\u00e1gina <code>\/reset-password<\/code> de la aplicaci\u00f3n.<\/p>\n\n\n\n<p>Adicionalmente, en Render se configur\u00f3 la variable de entorno <code>APP_URL<\/code> con el valor <code>https:\/\/crmedica-colombia.onrender.com<\/code>, permitiendo que Supabase identifique el dominio al que debe redirigir al usuario despu\u00e9s de que este haga clic en el enlace recibido por correo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-207-1024x448.png\" alt=\"\" class=\"wp-image-86980\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-207-1024x448.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-207-300x131.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-207-768x336.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-207-1536x672.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-207.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-208-1024x428.png\" alt=\"\" class=\"wp-image-86981\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-208-1024x428.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-208-300x125.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-208-768x321.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-208-1536x642.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-208.png 1908w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"408\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-209-1024x408.png\" alt=\"\" class=\"wp-image-86982\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-209-1024x408.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-209-300x120.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-209-768x306.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-209-1536x612.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-209.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-210-1024x453.png\" alt=\"\" class=\"wp-image-86983\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-210-1024x453.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-210-300x133.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-210-768x340.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-210-1536x680.png 1536w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-210.png 1890w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusiones -Desarrollo de un CRM m\u00e9dico utilizando inteligencia artificial y tecnolog\u00edas cloud modernas<\/h2>\n\n\n\n<p>El desarrollo del CRM utilizando IA Studio permiti\u00f3 demostrar c\u00f3mo la inteligencia artificial puede acelerar significativamente el desarrollo de aplicaciones web modernas. La integraci\u00f3n con Supabase facilit\u00f3 la administraci\u00f3n de bases de datos y autenticaci\u00f3n, mientras que GitHub y Render permitieron desplegar la aplicaci\u00f3n de forma r\u00e1pida y eficiente.<\/p>\n\n\n\n<p>Adem\u00e1s, la soluci\u00f3n de errores relacionados con login, sesiones y recuperaci\u00f3n de contrase\u00f1as fortaleci\u00f3 el sistema y permiti\u00f3 comprender la importancia de las configuraciones cloud y la seguridad en aplicaciones modernas.<\/p>\n\n\n\n<p>Este proyecto evidencia que la inteligencia artificial se est\u00e1 convirtiendo en una herramienta fundamental dentro del desarrollo de software, permitiendo construir aplicaciones m\u00e1s r\u00e1pidas, escalables y eficientes.<\/p>\n\n\n\n<p><strong>Autores:<\/strong> <a href=\"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/\" type=\"link\" id=\"https:\/\/niixer.com\/?s=Ana+Catalina+Parra+Arias\">Ana Catalina Parra Arias<\/a> &#8211; <a href=\"https:\/\/niixer.com\/?s=Gina+Marcela+Acosta+Ruiz\" type=\"link\" id=\"https:\/\/niixer.com\/?s=Gina+Marcela+Acosta+Ruiz\">Gina <\/a><a href=\"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/\" type=\"link\" id=\"https:\/\/niixer.com\/?s=Gina+Marcela+Acosta+Ruiz\">Marcela <\/a><a href=\"https:\/\/niixer.com\/?s=Gina+Marcela+Acosta+Ruiz\" type=\"link\" id=\"https:\/\/niixer.com\/?s=Gina+Marcela+Acosta+Ruiz\">Acosta Ruiz<\/a> &#8211; <a href=\"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/\" type=\"link\" id=\"https:\/\/niixer.com\/index.php\/author\/nelson42\/\">Nelson Stiven Otavo Paredes<\/a>&#8211;<a href=\"https:\/\/niixer.com\/?s=Juan+Sebastian+Polanco+Santofimio#google_vignette\" type=\"link\" id=\"https:\/\/niixer.com\/?s=Juan+Sebastian+Polanco+Santofimio#google_vignette\">Juan Sebastian Polanco Santofimio<\/a><br><strong>Editor:<\/strong> <a href=\"https:\/\/niixer.com\/?s=Carlos+Iv%C3%A1n+Pinz%C3%B3n+Romero\" type=\"link\" id=\"https:\/\/niixer.com\/?s=Carlos+Iv%C3%A1n+Pinz%C3%B3n+Romero\">Magister Ingeniero Carlos Iv\u00e1n Pinz\u00f3n Romero<\/a><br><strong>C\u00f3digo:<\/strong> <a href=\"https:\/\/niixer.com\/?s=UCHEG1-9\" type=\"link\" id=\"https:\/\/niixer.com\/?s=UCHEG1-9\">UCHEG1-9<\/a><br><strong>Universidad:<\/strong> <a href=\"https:\/\/niixer.com\/?s=Universidad+Central\" type=\"link\" id=\"https:\/\/niixer.com\/?s=Universidad+Central\">Universidad Central<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>FUENTES:<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">Research &amp; deployment. (s\/f). OpenAI. Recuperado el 19 de mayo de 2026, de https:\/\/openai.com<br><br>GitHub \u00b7 Change is constant. GitHub keeps you ahead. (s\/f).<br><br>The cloud for builders. (s\/f). Render. Recuperado el 19 de mayo de 2026, de http:\/\/WWW.RENDER.COM<br>Supabase. (2026). Supabase Documentation. https:\/\/supabase.com\/docs<br><br><br><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Tema: Aprende c\u00f3mo crear y desplegar un CRM moderno utilizando IA Studio, Supabase, GitHub y Render paso a paso.| Tiempo de lectura estimado: 20 minutos INTRODUCCION La inteligencia artificial ha transformado significativamente el desarrollo de software moderno, permitiendo automatizar procesos que anteriormente requer\u00edan largos tiempos de programaci\u00f3n y configuraci\u00f3n manual.Seguir Leyendo<\/p>\n","protected":false},"author":123,"featured_media":86933,"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":[3632,4557],"tags":[4593,3572,747,1991,4588],"class_list":["post-86561","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-automatizacion","category-hacking-etico","tag-github-y-render-el-objetivo-principal-fue-demostrar-como-las-tecnologias-de-inteligencia-artificial-pueden-optimizar-el-desarrollo-web","tag-inteligencia-artificial-ia","tag-postgresql","tag-render","tag-supabase"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Implementaci\u00f3n de un CRM inteligente usando IA Studio y Render<\/title>\n<meta name=\"description\" content=\"Aprende c\u00f3mo crear y desplegar un CRM moderno utilizando IA Studio, Supabase, GitHub y Render paso a paso.\" \/>\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\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implementaci\u00f3n de un CRM inteligente usando IA Studio y Render\" \/>\n<meta property=\"og:description\" content=\"Aprende c\u00f3mo crear y desplegar un CRM moderno utilizando IA Studio, Supabase, GitHub y Render paso a paso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/\" \/>\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-05-19T16:25:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T16:44:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/konkapo-crm-10207454-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"2560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gina Marcela Acosta Ruiz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gina Marcela Acosta Ruiz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Implementaci\u00f3n de un CRM inteligente usando IA Studio y Render","description":"Aprende c\u00f3mo crear y desplegar un CRM moderno utilizando IA Studio, Supabase, GitHub y Render paso a paso.","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\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/","og_locale":"es_ES","og_type":"article","og_title":"Implementaci\u00f3n de un CRM inteligente usando IA Studio y Render","og_description":"Aprende c\u00f3mo crear y desplegar un CRM moderno utilizando IA Studio, Supabase, GitHub y Render paso a paso.","og_url":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/","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-05-19T16:25:12+00:00","article_modified_time":"2026-05-19T16:44:03+00:00","og_image":[{"width":2560,"height":2560,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/konkapo-crm-10207454-scaled.jpg","type":"image\/jpeg"}],"author":"Gina Marcela Acosta Ruiz","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Gina Marcela Acosta Ruiz","Tiempo de lectura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/"},"author":{"name":"Gina Marcela Acosta Ruiz","@id":"https:\/\/niixer.com\/#\/schema\/person\/0d4ccc11d22f36958e02093989d8aa49"},"headline":"Automatizaci\u00f3n del desarrollo web: creando un CRM con IA Studio","datePublished":"2026-05-19T16:25:12+00:00","dateModified":"2026-05-19T16:44:03+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/"},"wordCount":1377,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/konkapo-crm-10207454-scaled.jpg","keywords":["GitHub y Render. El objetivo principal fue demostrar c\u00f3mo las tecnolog\u00edas de inteligencia artificial pueden optimizar el desarrollo web","Inteligencia Artificial (IA)","postgreSQL","render","Supabase"],"articleSection":["Automatizaci\u00f3n","Hacking \u00c9tico"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/","url":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/","name":"Implementaci\u00f3n de un CRM inteligente usando IA Studio y Render","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/konkapo-crm-10207454-scaled.jpg","datePublished":"2026-05-19T16:25:12+00:00","dateModified":"2026-05-19T16:44:03+00:00","description":"Aprende c\u00f3mo crear y desplegar un CRM moderno utilizando IA Studio, Supabase, GitHub y Render paso a paso.","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/konkapo-crm-10207454-scaled.jpg","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/konkapo-crm-10207454-scaled.jpg","width":2560,"height":2560,"caption":"creando un CRM con IA Studio"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2026\/05\/19\/automatizacion-del-desarrollo-web-creando-un-crm-con-ia-studio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Automatizaci\u00f3n del desarrollo web: creando un CRM con IA Studio"}]},{"@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\/0d4ccc11d22f36958e02093989d8aa49","name":"Gina Marcela Acosta Ruiz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/8a77ba1a2ad7a33b832074fff28a9fb182352f10246a73b23e43e1b48513796e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8a77ba1a2ad7a33b832074fff28a9fb182352f10246a73b23e43e1b48513796e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a77ba1a2ad7a33b832074fff28a9fb182352f10246a73b23e43e1b48513796e?s=96&d=mm&r=g","caption":"Gina Marcela Acosta Ruiz"},"sameAs":["http:\/\/www.niixer.com"],"url":"https:\/\/niixer.com\/index.php\/author\/gacostar1\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/konkapo-crm-10207454-scaled.jpg","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/86561","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\/123"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=86561"}],"version-history":[{"count":14,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/86561\/revisions"}],"predecessor-version":[{"id":86996,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/86561\/revisions\/86996"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/86933"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=86561"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=86561"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=86561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}