Tu proyecto

Define tu proyecto

En este curso no construyes un ejercicio de juguete: construyes tu propio producto, el que te emociona a ti. Escríbelo en una frase para empezar — y cuando quieras aterrizarlo de verdad (necesidad, alcance, mercado), arma tu Blueprint con IA.

Reta tu proyecto con IA

Interactivo

Elige el lente:

Pega tu idea, tu blueprint o tu Prompt Maestro y deja que la IA te RETE desde un ángulo. No busca adularte: busca que profundices tu propia idea antes de construir. Es tu proyecto — úsalo con el tuyo.

Por qué construyes lo tuyo

→ Aprendes construyendo algo TUYO de verdad, no siguiendo tutoriales que luego tiras.
→ Cada módulo agrega una pieza real a tu producto — al final tienes algo vivo, no apuntes.
→ Terminas con un producto en tu portafolio que puedes mostrar, usar y cobrar.

El stack que dominarás

Next.js (frontend + backend en un solo proyecto)
Firebase Auth (cuentas de usuario)
Firestore (guardar los datos)
Gemini / Vertex AI (la función de IA)
Resend (correos)
PostHog + Sentry (saber qué pasa y cuándo se rompe)
Vercel (que viva en internet, con tu dominio)
Stripe (cobrar el plan de pago)

Tu hoja de ruta

0 de 11 pasos construidos. Marca cada paso cuando lo tengas hecho en TU proyecto.

Paso 1 · Módulo 00 · Entiende el terreno

Aterriza tu idea

Tener claro qué construyes y para quién, antes de tocar código.

· Escribe en una frase qué hace tu app y a quién ayuda.
· Define tu giro propio: lo que la hace TUYA y no una copia.
· Anota qué papel juega la IA en tu producto (si es que lo tiene).

Entregable: Un párrafo claro con tu idea y a quién sirve.

Ejemplo (Momentum): un diario personal donde la IA te devuelve un patrón o consejo del día.

Paso 2 · Módulo 01 · Las herramientas

Piensa y delimita tu proyecto (Blueprint)

Convertir tu idea en un plan sólido antes de escribir código: necesidad, usuario, alcance, mercado y éxito.

· Investiga el problema con IA (NotebookLM / Gemini): dolores reales y qué ya existe.
· Responde los 5 pilares en la herramienta Blueprint, dejando que la IA te rete (modo abogado del diablo).
· Destila todo en tu Prompt Maestro y guárdalo — es la base de cada prompt del curso.

Entregable: Tu Prompt Maestro: el brief que ancla todo tu build.

Ejemplo (Momentum): necesidad = la gente abandona el diario porque no obtiene nada; MVP = escribir + un insight de IA.

Abrir la herramienta →

Paso 3 · Módulo 01 · Las herramientas

Prepara tu copiloto

Elegir y configurar el asistente de IA con el que vas a construir.

· Instala tu editor (Cursor o VS Code) y tu asistente (Claude / Codex).
· Haz que la IA te explique un archivo de ejemplo para calibrar cómo le hablas.
· Crea un prompt base que describa TU proyecto, para reutilizarlo.

Entregable: Tu entorno listo y un prompt base de tu proyecto guardado.

Ejemplo (Momentum): un prompt base que describe el diario, su stack y qué debe devolver la IA.

Paso 4 · Módulo 03 · Setup, terminal y comandos

Crea el esqueleto de tu proyecto

Tener tu app corriendo en tu compu y versionada en Git.

· Crea el proyecto Next.js con la IA guiándote paso a paso.
· Arráncalo en local y ve la página en tu navegador.
· Inicializa Git y sube el repo a GitHub.

Entregable: Tu proyecto corriendo en localhost y su primer commit en GitHub.

Ejemplo (Momentum): el esqueleto del diario corriendo en localhost, ya en GitHub.

Paso 5 · Módulo 04 · Backend y bases de datos

Cuentas y base de datos

Que la gente pueda entrar y que sus datos se guarden de verdad.

· Conecta Firebase Auth (correo + Google) para el login.
· Guarda los datos de cada usuario en Firestore, ligados a su cuenta.
· Lee y muestra la información del usuario al iniciar sesión.

Entregable: Un usuario real puede registrarse, guardar y ver sus datos.

Ejemplo (Momentum): cada entrada del diario se guarda ligada a su autor y se lee al volver.

Paso 6 · Módulo 05 · De cero a tu primer producto

Tu pantalla principal y tu landing

Que tu proyecto se sienta un producto, no un formulario.

· Diseña la pantalla principal con un diseño limpio.
· Construye una landing que explique el valor y lleve al registro.
· Pule los estados vacíos y de carga.

Entregable: Una landing que convence y una app que da gusto usar.

Ejemplo (Momentum): la pantalla de escribir + el historial, y una landing que explica el diario.

Paso 7 · Módulo 06 · Crea con IA: imágenes, video, avatares y voz

Tu función de IA

La pieza que hace especial a tu producto: lo que la IA aporta.

· Crea una función servidor que mande datos del usuario al modelo (Gemini).
· Pide una respuesta útil con un buen prompt (resumen, consejo, generación…).
· Muestra la respuesta de la IA dentro de tu producto.

Entregable: El usuario hace algo y recibe, en segundos, valor de la IA.

Ejemplo (Momentum): el coach lee la entrada del día y devuelve un patrón o consejo.

Paso 8 · Módulo 07 · Servicios que todo producto necesita

Correo, analítica y errores

Cerrar el círculo: retención, datos y estabilidad.

· Envía un correo útil con Resend (bienvenida, resumen, aviso).
· Mide uso real con PostHog (registros, acciones clave).
· Captura errores con Sentry para enterarte antes que tus usuarios.

Entregable: Tu producto avisa qué pasa, retiene con correo y no se rompe a ciegas.

Ejemplo (Momentum): un correo semanal de resumen y métricas de cuántos escriben.

Paso 9 · Módulo 09 · Seguridad y buenas prácticas

Blindaje

Que los datos de cada quien sean solo suyos y tus llaves estén a salvo.

· Escribe reglas de Firestore: cada quien solo lee/escribe lo suyo.
· Mueve todas las API keys a variables de entorno (nunca al código).
· Revisa que no expusiste secretos en el repo.

Entregable: Un producto que puedes mostrar sin miedo a filtrar datos o llaves.

Ejemplo (Momentum): reglas que impiden que un usuario lea el diario de otro.

Paso 10 · Módulo 10 · Deploy: pon tu producto en internet

Al aire

Que tu proyecto viva en internet con tu propio dominio.

· Despliega en Vercel conectando tu repo de GitHub.
· Configura las variables de entorno en producción.
· Apunta tu dominio y verifica que todo funcione en vivo.

Entregable: Tu proyecto en línea, en tu dominio, accesible para cualquiera.

Ejemplo (Momentum): el diario vivo en su dominio, listo para usuarios reales.

Paso 11 · Módulo 11 · Lanzar y cobrar

Lanza y cobra

Convertir tu proyecto en algo que la gente usa (y paga).

· Agrega un plan de pago con Stripe (más funciones, más límites).
· Escribe el copy de lanzamiento y publícalo donde esté tu gente.
· Consigue tus primeros 10 usuarios y escúchalos.

Entregable: Tu primer producto lanzado, con un plan de pago activo.

Ejemplo (Momentum): un plan Pro con más historial e IA, y los primeros usuarios.