Solo para Founders

Este contenido es exclusivo para miembros Founder.

CodeIA2026 – Sesión 19 – Arquitectura SaaS Multi-Tenant - Sesión extra

Sesión extra planificada para continuar con el desarrollo del SaaS Multi-Tenant que empezamos en la sesión 9. Al igual que en aquella sesión, trabajaremos en formato workshop directo realizando las prácticas de implementación en directo con algunos trucos aplicados.

SesiónAvanzado

Hace 3 meses2h 31m 42s10 visualizaciones

Tecnologías

Agentes IAAPIsCI/CDDeployDokployNext.jsORMPlanningTestingTypeScript

Herramientas IA utilizadas

ClaudeClaude CodeCursorGitHub CopilotVSC

Iniciar sesión para comenzar Crear cuenta

CodeIA2026 – Sesión 19 – Arquitectura SaaS Multi-Tenant – Sesión extra

Continuación del desarrollo SaaS Multi-Tenant

Esta es una sesión extra planificada para continuar con el desarrollo del SaaS Multi-Tenant que comenzamos en la Sesión 9 y cuya arquitectura completa diseñamos en la Sesión 19. Al igual que en aquella sesión, trabajamos en formato workshop directo: vamos implementando en tiempo real con el alumnado, aplicando trucos y patrones avanzados sobre el stack definido.

📋 Descripción general

En esta sesión extra:

Retomamos el estado actual del Sprint activo y revisamos el checklist de avance.
Continuamos la implementación real del SaaS sobre la rama feature/sprint-X.

Contenido Protegido

Inicia sesión para acceder al contenido completo.

Iniciar Sesión Crear Cuenta

Índice de la sesión

00:005:36

Introducción y Contexto de la Sesión

El instructor da la bienvenida y contextualiza la sesión como una extensión de la sesión 19 y 21, enfocándose en la codificación práctica y la resolución de problemas diarios. Se discute la importancia de utilizar React 18.3 para plugins de WordPress debido a la versión del core.

05:364:23

Generación de Colección Postman y Tips

Se explica cómo generar un JSON para la colección de Postman con endpoints y métodos para probar la API. Se comparte un tip para los asistentes sobre cómo preparar esta colección para futuras sesiones.

09:598:30

Revisión del Estado del Proyecto con IA

El instructor muestra cómo usar un prompt para que la IA revise el estado actual del proyecto, analizando archivos y documentación. Se discute la importancia de la lectura crítica de las respuestas de la IA y cómo refinar los prompts.

18:2910:02

Configuración de Neon y Prisma ORM

Se inicia la configuración de la base de datos Neon, explicando sus ventajas sobre Supabase. La IA procede a instalar Prisma ORM y a configurar el esquema de la base de datos, incluyendo la creación de datos sintéticos.

28:3134:48

Discusión sobre Bases de Datos y RLS

Se abre un debate sobre diferentes tipos de bases de datos (MongoDB, Postgres, Firebase) y sus casos de uso. Se explica el concepto de Row Level Security (RLS) en Neon y otras bases de datos, destacando su importancia para la seguridad multi-tenant.

01:03:1913:27

Avance del Sprint 2 y Estructura de Datos

Se verifica la finalización del Sprint 2, confirmando la creación de tablas y políticas RLS. Se revisa la estructura de la base de datos en Neon, mostrando cómo se han generado los planes, suscripciones y usuarios con sus roles.

01:16:4618:14

Gestión de Conexiones y Docker

Se aclara cómo la cadena de conexión de Neon incluye la autenticación y se discute el uso de Docker Compose en el proyecto. Se aborda la gestión de puertos y servicios al iniciar el entorno de desarrollo.

01:35:0018:19

Implementación de ChatCN y Frontend

La IA comienza a instalar ChatCN para el dashboard, lo que implica trabajar en la interfaz de usuario. Se explica que el frontend del proyecto será el dashboard de administración, no interfaces para los clientes finales.

01:53:1915:00

Lanzamiento del Proyecto y Debugging

Se lanza el proyecto localmente y se identifican errores de hidratación y páginas 404. El instructor muestra cómo la IA ayuda a depurar y resolver estos problemas, enfatizando la importancia de la revisión constante.

02:08:1912:20

Creación de Página de Componentes UI

Se solicita a la IA crear una página de componentes UI para visualizar y gestionar todos los elementos de la interfaz. Esto permite una reutilización eficiente y una estandarización del diseño.

02:20:3910:10

Implementación de Input de Teléfono con Bandera

Se añade un componente de input de teléfono con selección de país y bandera, mostrando cómo la IA genera el código y los datos necesarios. Se reflexiona sobre la experiencia de desarrollo con IA y la evolución de las herramientas.

02:30:490:49

Regla de No Usar UseEffect y Alternativas

Se establece una regla para evitar el uso de UseEffect en React, explicando sus desventajas y sugiriendo alternativas modernas como UseSyncExternalStore. La IA revisa el código para aplicar esta norma.