Un Stack que Escala

Hoy es muy fácil generar una aplicación con IA. Lo difícil es que esa aplicación siga en pie cuando crece: cuando necesitas una API de verdad, roles de usuario, pagos, tiempo real o un despliegue que no se rompa con cada cambio.

En este curso vamos a construir desde cero una aplicación completa con un stack pensado justo para eso: un frontend en Next.js, una API independiente en NestJS y una base de datos PostgreSQL con Prisma, todo organizado en un monorepo. Usaremos Cursor y varios skills para avanzar rápido, pero revisando y entendiendo cada parte, para que el proyecto sea tuyo y no una caja negra.

¿Para quién es este curso?

  • Para quien ya sabe algo de código (aunque sea lo básico) y quiere pasar de proyectos sueltos a una aplicación seria.
  • Para quien hace vibecoding y quiere entender qué está generando la IA y cómo corregirla.
  • Para freelancers y agencias que necesitan una base reutilizable para los proyectos de sus clientes.

No es un curso de vibecoding básico: no te voy a pedir que copies prompts a ciegas, sino que entiendas las decisiones de diseño detrás de cada paso.

Lo que vas a construir

Un CRM completo para pequeñas agencias y freelancers, con todo lo que suele tener una aplicación SaaS real:

  • Clientes, empresas, contactos, tareas, notas y actividades.
  • Tablero kanban de oportunidades con drag and drop que se actualiza en tiempo real para todo el equipo, con WebSockets.
  • Espacios de trabajo por equipo y roles con permisos: usuario gratuito con límites, suscriptor y super admin con su propio panel.
  • Suscripciones con Stripe, con planes mensuales y anuales.
  • Correos con Resend, subida de imágenes a DigitalOcean Spaces e inicio de sesión con GitHub.
  • Landing page, página de precios, formulario de contacto y tema claro/oscuro.
  • Despliegue en Railway: la web, la API y la base de datos en producción, con despliegues automáticos desde GitHub.

Y lo más importante: al terminar, puedes cambiar la idea y usar la misma base para un ecommerce, un sistema interno o cualquier producto que necesite este tipo de lógica.

¿Por qué este stack?

Esquema de la FullStack Applications

  • La API vive aparte del frontend. Si el proyecto crece, puedes escalarla, desplegarla por separado o pasársela a otro equipo sin rehacer nada.
  • NestJS ya trae lo que vas a necesitar después: microservicios, colas, tareas programadas, GraphQL o integraciones con IA, sin tener que inventarlas.
  • Un monorepo con Turborepo y pnpm: frontend, backend y base de datos en un solo repositorio, compartiendo tipos y validaciones, pero desplegados por separado.
  • Prisma convierte el esquema de la base de datos en tipos de TypeScript que usan tanto la API como la web.

Lo que vas a aprender

  • Planificar un proyecto con el modo plan de Cursor y revisar lo que genera antes de aceptarlo.
  • Organizar un monorepo y decidir qué va en cada paquete.
  • Dar contexto al agente con AGENTS.md e instalar skills que mejoran el diseño y el testing.
  • Crear tus propios skills para automatizar commits, changelog y revisiones de código.
  • Probar la aplicación automáticamente con Playwright CLI, sin hacer las pruebas a mano.
  • Diseñar roles y permisos (RBAC) a partir del esquema de Prisma.
  • Integrar pagos con Stripe y sus webhooks, incluso en local con Cloudflare Tunnel.
  • Desplegar un monorepo en Railway, leer los logs de producción y corregir errores con la ayuda del agente.

Temario

  1. Introducción: un proyecto que escala (2 min)
  2. Herramientas que vamos a usar (4 min)
  3. El stack: Next.js, NestJS, Prisma y monorepo (8 min)
  4. Generando el CRM con Cursor en modo plan (9 min)
  5. Testing con Playwright CLI, skills de diseño y Resend (28 min)
  6. Git, changelog y tu propio skill de commit (11 min)
  7. Roles, permisos y pagos con Stripe (20 min)
  8. Tema claro/oscuro, kanban en tiempo real y WebSockets (4 min)
  9. Subida de imágenes, login con GitHub y despliegue en Railway (36 min)

9 capítulos, unas 2 horas de video. Cada capítulo incluye su transcripción y un resumen escrito con los pasos clave.

Lo que necesitas

  • Conocimientos básicos de programación, mejor si es JavaScript o TypeScript.
  • Cursor: todo el curso se hace con el plan de 20 dólares.
  • Docker instalado.
  • Cuentas en GitHub, Stripe (en modo de prueba) y Resend, que son gratuitas. DigitalOcean Spaces y Railway son de pago, aunque ofrecen créditos para cuentas nuevas.

Si quieres dejar de construir aplicaciones que solo funcionan en la demo y empezar a crear proyectos que pueden crecer contigo, este curso es para ti. Nos vemos en el primer capítulo.