Curso. Vibe Coding – Construye tu proyecto desde cero.

Esta es una propuesta de curso práctico de Vibe Coding enfocado en construir un proyecto full-stack desde cero. Al finalizar, los participantes habrán desarrollado un proyecto funcional full-stack en Lovable, integrando de forma nativa Supabase (PostgreSQL, Auth, Storage), diseñado y consumido APIs/RPC con seguridad básica, y automatizado flujos mediante webhooks y n8n. Además, aprenderán a desplegar la aplicación y a realizar una auditoría inicial de seguridad siguiendo lineamientos OWASP.

La propuesta busca desarrollar competencias que permiten a los participantes crear proyectos reales con tecnologías modernas y asistidas por IA (Lovable), además de incorporar prácticas esenciales de backend (Supabase), automatización (n8n), y seguridad (OWASP). Esto los posiciona para incursionar en la programación y desarrollo con herramientas de vanguardia.

¿A quién está dirigido?

El curso está dirigido a personas con un perfil de principiante, sin experiencia previa en código, basta con tener una familiaridad básica con el computador y la navegación web, ideal para estudiantes, personas en reconversión laboral o perfiles no técnicos interesados en la IA aplicada al desarrollo, personas que deseen iniciar en programación y construir su primer proyecto real.

¿Qué competencias desarrollarás?

Al finalizar la actividad, los participantes demostrarán las siguientes competencias:

Desarrollo Full-Stack y despliegue de proyectos: Podrán diseñar, construir, y desplegar una aplicación funcional completa (front-end con Lovable y back-end con Supabase), manejando variables de entorno y conexión nativa entre servicios.
Integración de Backend, autenticación y seguridad: Serán capaces de modelar bases de datos (tablas, relaciones) en Supabase, implementar seguridad a nivel de fila (RLS) y políticas por rol, y aplicar un checklist de auditoría inicial de seguridad OWASP.
Automatización de flujos de datos: Podrán diseñar webhooks y construir flujos de automatización de datos (disparadores, transformaciones, notificaciones) utilizando la herramienta n8n.

¿Cuál es el Contenido?

La base del proyecto en Lovable & Vibe Coding.
- Creación de workspace en Lovable y estructura inicial; alta del proyecto en Supabase y conexión nativa $(URL/keys)$; prompts de scaffolding (pantallas, navegación, layout y estilos); y manejo seguro de variables de entorno/secretos.
Frontend interactivo asistido por IA (Lovable).
- Diseño y desarrollo de interfaz con componentes reutilizables, bindings y estados; formularios, validación, y diseño responsive/accesibilidad (aria); consumo de datos desde Supabase (listas, detalles) y manejo de errores/toasts.
Backend inteligente con Supabase.
- Modelado de base de datos (tablas, relaciones, índices); implementación de RLS (Row Level Security) y políticas por rol; manejo de Auth y Storage con URLs firmadas; y uso de Functions/RPC y triggers para lógica de negocio.
Automatización del flujo de datos.
- Diseño y gestión de webhooks (idempotencia, firma/verificación, reintentos); introducción a n8n (disparadores, transformaciones, notificaciones - Email/slack); y observabilidad básica (logs, manejo de errores y alertas).
Despliegue y auditoría de seguridad.
- Despliegue del proyecto en Lovable (previews y producción); manejo de variables de entorno para producción y rotación de secretos; y revisión y auditoría de seguridad inicial con checklist OWASP (A0l/A05).