CodeIA Logo
Inicio
¿Qué es la Ingeniería de Contexto?ExperienciaProyectos realizados
Comunidad
FeedMiembrosCuadro de HonorCalendarioBolsa de trabajoEncuestasProyectos de la Comunidad
NoticiasPrecios
Formación
CursosLecciones
Co-Projects
Propuestas de proyectosEnviar propuesta de proyecto
RoadmapGlosarioContacto
Iniciar Sesión
CodeIA Logo

Transformando ideas en software profesional con IA. La nueva era del desarrollo ágil.

Legal

Política de PrivacidadTérminos de ServicioTérminos de SuscripciónAviso LegalCookies

Sígueme

Contactar

© 2026 CodeIA. Todos los derechos reservados.

Hecho con♥por sn4p.dev

Volver al catálogo
Tu navegador no soporta video.
0:000:00

Lección 4 - Cocinando Fase 2 y 3

Aprender a coordinar ramas de Git con la IA, implementar sistemas de autenticación seguros mediante seeding, auditar las “soluciones fáciles” de la IA y depurar errores de servidor y APIs de terceros.

TutorialPrincipiante
Hace 2 meses33m 13s8 visualizaciones
Iniciar sesión para comenzarCrear cuenta

🎯 Objetivo de la Lección

Aprender a coordinar ramas de Git con la IA, implementar sistemas de autenticación seguros mediante seeding, auditar las “soluciones fáciles” de la IA y depurar errores de servidor y APIs de terceros.


Módulo 1: Control de Versiones y Gestión de Ramas (Git Workflow)

🔄 Sincronización Desarrollador-IA

Mientras la IA escribe el código y genera commits, es vital que el desarrollador cambie activamente a la rama correspondiente (por ejemplo, usando git checkout) para poder visualizar y probar los cambios reales en su entorno local. Si no se cambia de rama, el código mostrado en el navegador no reflejará el trabajo recién hecho por la IA.

🏷️ Cierre de Fases y Etiquetas (Tags)

Una vez que una fase se ha probado y los checks se han cumplido, se realiza un merge a la rama develop y se crea un tag (etiqueta de versión) para consolidar el progreso antes de enviarlo a producción (main).

🛠️ Corrección de Desfases

Si el flujo de Git se desordena (por ejemplo, implementar cambios de varias fases en una sola rama por accidente), se debe documentar el error como experiencia y usar la IA para organizar los commits pendientes antes de avanzar a la siguiente arquitectura.


Módulo 2: Seguridad en la Base de Datos y “Seeding” de Administradores

⚠️ El peligro de inyectar usuarios directos

Para probar el panel de administración, se necesita un usuario administrador. No se debe permitir que la IA simplemente inserte texto plano en la base de datos, ya que los sistemas de autenticación modernos (como Better Auth o Next Auth) requieren contraseñas encriptadas (hashes).

🔐 Creación segura de credenciales (Seed)

La estrategia correcta es instruir a la IA para que cree un script (seed) que realice una petición HTTP al endpoint de registro de la propia API de la aplicación. De esta forma, el sistema hashea la contraseña correctamente antes de guardarla.

🧹 Limpieza y Elevación de Privilegios

La IA puede automatizar el proceso de registrar un usuario de prueba por API, elevar su rol a “admin” en la base de datos, probar el login y, finalmente, limpiar (eliminar) los datos temporales que no sean necesarios.


Módulo 3: Supervisión de la IA: Corrección vs. Ocultación de Errores

📌 El problema de las advertencias del linter

Al trabajar con herramientas como Tailwind CSS, pueden surgir advertencias por no usar “clases canónicas” (el orden o formato estándar de las clases).

💤 La “solución perezosa” de la IA

A menudo, la IA intentará silenciar estas advertencias creando configuraciones en el IDE (como un archivo JSON en .vscode) para ignorar las reglas y que dejen de molestar.

👨‍💻 El rol del desarrollador

El programador no debe aceptar esto. Debe exigir a la IA que no desactive las reglas, sino que corrija el código o que implemente extensiones (como Tailwind Intelligence) que auto-formateen el código al guardar.


Módulo 4: Debugging de APIs y Reactividad en el Frontend

🔴 Errores Silenciosos (Error 500)

En frameworks como Next.js, un error 500 en el servidor a menudo no muestra detalles en la respuesta del navegador (Network). El desarrollador debe revisar la consola del servidor backend/IDE para capturar el stack trace y pasárselo a la IA para que lo analice.

🔗 Integración de APIs y Modelos Deprecados

Al conectar servicios externos (como claves de Unsplash u OpenRouter para el chat de IA), pueden surgir errores si el modelo de lenguaje configurado por defecto ha sido deprecado. Se debe instruir a la IA para que actualice el esquema de la base de datos (Prisma) con los nombres de los modelos vigentes.

⚡ Diagnóstico de Reactividad en React

Si una función parece fallar (ej. el chat no muestra la respuesta de la IA a pesar de que la red marca un código HTTP 200 OK), el desarrollador debe comprobar si el problema es falta de reactividad. En ocasiones, el dato llega a la base de datos pero la interfaz de React no se actualiza automáticamente, requiriendo un refresco manual de la página para visualizarlo mientras se programa la actualización del estado.

Índice de la sesión

00:001:51
Inicio de Sesión 4 y Revisión de Fases

Comienzo de la sesión 4, revisión del estado de la fase 1 y 2, y discusión sobre la fase 3, incluyendo la creación de tags y merges a la rama develop.

01:512:09
Problemas con Checks y Ramas

Identificación de un problema con la visibilidad de los checks de la fase 2 debido a la rama activa, y la corrección mediante un cambio de rama.

04:002:30
Revisión del Frontend y Errores Iniciales

Verificación del estado actual del frontend y aparición de errores, lo que lleva a la necesidad de reconstruir el proyecto.

06:304:00
Configuración de Acceso Admin y Seed de Datos

Discusión sobre cómo acceder al panel de administración, la creación de un usuario admin mediante un seed de datos y la detección de dependencias faltantes.

10:304:20
Manejo de Contraseñas y Secrets

Resolución de problemas con el hash de contraseñas, la necesidad de usar la API para el registro y la inyección de secrets para la base de datos.

14:506:10
Depuración de Errores de Login

Intento de login con el usuario admin, aparición de errores 500 y problemas con el formato del hash de la contraseña, requiriendo una actualización del seed.

21:005:00
Login Exitoso y Verificación de Chat/Admin

Solución del problema de login mediante la API, verificación del acceso al dashboard de administración y al chat, aunque este último aún no responde.

26:004:20
Corrección de Clases Canónicas de Tailwind

Abordaje de advertencias de Tailwind sobre clases canónicas y la implementación de una solución para corregirlas automáticamente, sin ignorar las reglas.

30:202:47
Commit, Merge y Preparación para Fase 3

Realización de un commit y merge a develop, creación de un tag de versión 2 y preparación para la fase 3, con una reflexión sobre la gestión de ramas.

Lecciones relacionadas

  • CodeIA2025 - Sesión 1 – Inducción y Mentalidad

    CodeIA2025 - Sesión 1 – Inducción y Mentalidad

    2h 34m 43s

  • CodeIA2025 - Sesión 2 – Data Scraper

    CodeIA2025 - Sesión 2 – Data Scraper

    2h 29m 21s

  • Git y Copilot en Visual Studio Code

    Git y Copilot en Visual Studio Code

    12m 43s

  • Cómo configurar z.ai con tu cuenta de Claude paso a paso

    Cómo configurar z.ai con tu cuenta de Claude paso a paso

    41m 13s