Ingeniero FrontendAvanzado8 módulos~4.0 horas prácticas3 modos de aprendizaje
Lanzá un producto SaaS
Diseñá, construí, asegurá y lanzá RelayDocs: un producto SaaS pulido y un sitio de documentación con páginas de marketing, docs buscables, autenticación, un espacio de trabajo respaldado por Supabase, controles de calidad automáticos y un lanzamiento de producción en Vercel.
// Lo que podrás hacer- Convertí audiencias, recorridos y promesas de página en un sistema coherente
- Empezá limpio con un stack de Next.js fijado y bases accesibles
- Construí rutas pulidas de inicio, producto y precios que conviertan
- Creá una experiencia de contenido útil con una arquitectura de información duradera
8 módulos, hechos para ejecutar
Cada módulo incluye código ejecutable. Expande cualquiera para ver su contenido.
00IntroducciónEl producto que vas a llevar de la idea a producción30 min
Preguntas que responde este módulo
- ¿Cómo se ve RelayDocs como un producto coherente, público y autenticado?
- ¿Cómo podés elegir un camino de aprendizaje que coincida con el nivel de apoyo que querés?
Empezar móduloVista previa gratis
01Arquitectura de Producto y ContenidoConvertí audiencias, recorridos y promesas de página en un sistema coherente30 min
Preguntas que responde este módulo
- ¿Cómo podés definir las audiencias de RelayDocs y los trabajos que cada ruta debe completar?
- ¿Cómo podés mapear los recorridos de adquisición, evaluación, activación y retención?
02App Router y Design SystemEmpezá limpio con un stack de Next.js fijado y bases accesibles30 min
Preguntas que responde este módulo
- ¿Cómo podés bootstrappear una toolchain exacta de Next.js 16 App Router desde un directorio vacío?
- ¿Cómo podés probar la base con chequeo de tipos, tests de componentes y una build de producción?
03La experiencia de marketingConstruí rutas pulidas de inicio, producto y precios que conviertan30 min
Preguntas que responde este módulo
- ¿Cómo podés traducir los contratos de ruta en una experiencia de marketing responsiva y coherente?
- ¿Cómo podés verificar los recorridos principales con pruebas semánticas y una build de producción?
04Documentación, búsqueda y changelogCreá una experiencia de contenido útil con una arquitectura de información duradera30 min
Preguntas que responde este módulo
- ¿Cómo podés modelar la documentación como contenido tipado del producto?
- ¿Cómo podés construir documentación buscable con enlaces profundos estables y estados vacíos útiles?
05Autenticación y datos de SupabaseAgregá sesiones seguras, seguridad a nivel de fila y un pequeño modelo SQL30 min
Preguntas que responde este módulo
- ¿Cómo podés crear una migración SQL reproducible para espacios de trabajo y proyectos?
- ¿Cómo podés hacer cumplir la pertenencia con grants y políticas RLS por operación?
06El espacio de trabajo de RelayDocsConstruí un panel autenticado con flujos de trabajo de producto resilientes30 min
Preguntas que responde este módulo
- ¿Cómo podés refrescar sesiones de Supabase respaldadas por cookies mediante Next.js 16 Proxy?
- ¿Cómo podés autenticar con Server Actions y claims verificados?
07Síntesis de patronesProbá, automatizá, desplegá, observá y operá el producto completo30 min
Preguntas que responde este módulo
- ¿Cómo podés ejecutar pruebas deterministas, verificación de tipos y una compilación de producción?
- ¿Cómo podés auditar el recorrido completo del navegador de público a autenticado?
¿Listo para construir tu primer agente? Lanzá un producto SaaS?
Empezá con el Módulo 0 gratis y desbloqueá la ruta completa con un plan Pro.