PTENES
MÓDULO 4.2

🚉 El pipeline en 4 estaciones

En el módulo pasado entendiste por qué «funcionar en tu laptop» no es lo mismo que «funcionar 24/7». Ahora viene la pregunta práctica: ¿cómo sale el código de tu máquina y llega a un servidor que nunca duerme? La respuesta es un recorrido con cuatro paradas, y no tienes que dirigir ninguna por tu cuenta: solo saber qué ocurre en cada una.

6
Temas
30
Minutos
Intermedio
Nivel
Teoría + práctica
Tipo
0 de 60%
1

🗺️ Las 4 estaciones, vistas desde arriba

Piensa en una línea de producción con cuatro puestos de trabajo. En cada uno, alguien (o algo) hace una parte del trabajo y la pasa al siguiente. Nadie en el puesto 3 necesita saber hacer el trabajo del puesto 1 — solo necesita saber recibir lo que llegó y continuar. Así es exactamente como una automatización pasa de «solo funciona en mi computadora» a funcionar sola, las 24 horas del día.

¿Eres nuevo aquí? Pipeline es el nombre elegante para «cinta transportadora»: una secuencia de etapas automáticas, donde cada una alimenta a la siguiente, como cuando pides pan en una panadería y la masa pasa por el amasado, la fermentación y el horno sin que tengas que tocar nada en el medio.

1. Claude Code escribe el TypeScript (solo describes la tarea) 2. git lleva a GitHub (el repositorio en la nube) 3. Trigger.dev descarga y se ejecuta en la nube (el servidor que nunca se apaga) 4. Lees el registro comprueba si funcionó (sin necesidad de leer código) Participas en las estaciones 1 y 4. Las estaciones 2 y 3 ocurren solas.

Leyenda: fíjate en que tú solo apareces al principio (pedir la tarea) y al final (leer el resultado): las dos estaciones intermedias, git y Trigger.dev, funcionan sin que tengas que presionar ningún botón adicional.

💡 Concepto principal

No necesitas saber TypeScript. Necesitas leer el log.

Guarda esta frase: es el hilo conductor de todo este módulo y vuelve a aparecer en los próximos módulos de la ruta.

2

✍️ Estación 1 — Claude Code escribe el código

Todo empieza cuando describes, en portugués, lo que quieres que ocurra automáticamente: «todos los días a las 8, busca la cotización del dólar y envíamela por correo electrónico». Claude Code traduce esa solicitud a TypeScript. ¿Eres nuevo aquí? TypeScript es un lenguaje de programación: una forma de escribir instrucciones que la computadora entiende, parecido a una receta de cocina muy detallada, pero en código. Tú no escribes esta receta. La escribe el agente. Tu parte es describir el plato que quieres, probar el resultado y pedir ajustes si hace falta.

Esto cambia por completo lo que necesitas aprender. Los programadores profesionales pasan años estudiando la sintaxis de lenguajes como TypeScript. Tú no harás eso, y no hace falta. Lo que desarrollarás es la habilidad de describir bien lo que quieres y reconocer si el resultado final (el comportamiento de la automatización, no el código que hay detrás) es correcto.

✓ Tu papel en la Estación 1

  • ✓Describir la tarea con claridad: qué se ejecuta, cuándo y qué hacer con el resultado
  • ✓Leer el resumen en portugués que te da el agente después de escribir el código
  • ✓Probar el comportamiento —no la sintaxis—

✗ Lo que NO es tu función

  • ✗Memorizar la sintaxis de TypeScript o de cualquier lenguaje
  • ✗Abrir el código y «corregir» una línea a mano sin entender el resto
  • ✗Juzgar si el código está "bonito" — lo que importa es que funcione

💡 Consejo práctico

¿Recuerdas al modo plan del módulo 0.5: ¿pedirle al agente que muestre el paso a paso antes de actuar? Aquí importa más que en cualquier ruta anterior. Un error en una automatización local en tu computadora es molesto; un error en una automatización en producción puede enviarle un correo duplicado a un cliente o repetir un cobro. Vale la pena revisar el plan antes de dejar que se ejecute solo.

3

📦 Estación 2 — git lleva el código al repositorio

¿Eres nuevo aquí? git es un programa que guarda un historial de todas las versiones de tu código, como si cada cambio se guardara en una foto separada; puedes volver atrás en el tiempo si algo se rompe. Cuando Claude Code termina de escribir la automatización, usa git para «empaquetar» esa versión y enviarla a un lugar central: el repositorio. Repositorio es esa carpeta guardada en la nube que centraliza el código y su historial; en nuestro caso, alojado en GitHub, el servicio más usado del mundo para esto.

¿Por qué existe esta estación? Porque tu computadora no es el lugar donde vivirá la automatización. GitHub funciona como un armario compartido: el código sale de tu laptop, entra en ese armario y queda disponible para que cualquier servicio autorizado —en nuestro caso, Trigger.dev— lo busque.

✓ Lo que se sube al repositorio

  • ✓El código de la automatización en sí (la «receta»)
  • ✓La configuración de cómo y cuándo debe ejecutarse
  • ✓El historial de versiones, para volver atrás si hace falta

✗ Lo que NUNCA se sube

  • ✗Contraseñas y claves de API — ese es el tema del módulo 4.4 (Secretos)
  • ✗Datos personales de clientes o información sensible
  • ✗Archivos temporales o de prueba que solo tienen sentido en tu computadora

🔍 Por dentro

  • commit: una «foto» de una versión del código, con un mensaje corto que explica qué cambió.
  • push: el acto de enviar esas fotos de tu computadora al repositorio en GitHub.
  • Claude Code hace el commit y el push por ti cuando apruebas el cambio; normalmente solo lo confirmas.
4

☁️ Estación 3 — Trigger.dev obtiene el código y lo ejecuta en la nube

¿Eres nuevo aquí? Trigger.dev é a plataforma de ejecución que usamos en este curso: un servicio en la nube que «escucha» el repositorio, detecta cuándo llega código nuevo, lo toma y lo ejecuta en una computadora que nunca se apaga — no es tu laptop, sino un servidor de la empresa Trigger.dev, encendido las 24 horas del día. Ese cambio de dirección (de tu laptop a un servidor siempre encendido) es lo que hace que la automatización sea realmente «automática».

Vale la pena ver en detalle el paso a paso de esta estación, porque es la parte más "mágica" del pipeline — y entender la secuencia despeja el misterio.

1

Trigger.dev nota que el repositorio cambió

En cuanto el push de la Estación 2 llega a GitHub, se notifica a Trigger.dev — sin que tengas que avisar manualmente.

2

Descarga y «arma» esta versión del código

Prepara el entorno en la nube para que el código pueda ejecutarse exactamente como fue escrito.

3

La tarea (la «task») queda registrada y lista

A partir de aquí, puede ejecutarse a la hora programada (un cron, programación (tema de la trilha 6) o por un evento, como una tarea que ya anotaste en una agenda.

4

Llegó la hora, se ejecuta, incluso con la laptop apagada

Este es el punto del módulo 4.1 hecho realidad: el servidor de Trigger.dev nunca se apaga, así que la automatización nunca se detiene.

🔍 Por dentro

Deploy es el nombre que se le da al acto de publicar una versión del código para que funcione de verdad en un entorno que no es el tuyo. Cuando alguien dice «hice el deploy de la automatización», quiere decir que salió de la etapa «solo existe en mi computadora» y pasó a existir en Trigger.dev, lista para ejecutarse sola.

5

📋 Estación 4 — tú lees el log (y eso es todo lo que necesitas saber)

¿Eres nuevo aquí? Log es la lista de eventos que la automatización fue registrando mientras se ejecutaba, como un diario de navegación. «Empecé», «busqué el dato X», «lo conseguí», «envié el correo electrónico», «terminé» o, si algo salió mal, la línea exacta donde se detuvo y por qué. Trigger.dev muestra ese log en un panel (también llamado dashboard) en internet: una pantalla con la lista de todas las veces que se ejecutó tu automatización, con una señal verde (salió bien) o roja (hubo un problema) junto a cada ejecución.

Este es el corazón de este módulo: no necesitas entender el TypeScript detrás de la automatización para saber si funcionó. Abres el panel, miras el registro en portugués (o en inglés sencillo, como "task completed") y verificas: ¿se ejecutó a la hora correcta? ¿Hizo lo que debía? Si algo salió mal, el registro generalmente ya te indica dónde; en el módulo 4.7 (Observabilidad) aprenderás a leer esas señales con calma, incluidos los casos más confusos.

💡 Concepto principal

  • •Leer código = trabajo del programador. Leer resultados = tu trabajo.
  • •Un log limpio, con «éxito» en verde, confirma que la automatización está funcionando — sin necesidad de abrir una línea de código.

⚠️ Atención

No confundas «se ejecutó sin errores» con «hizo lo correcto». El registro te indica si el código se bloqueó o no, pero comprobar si llegó el correo o si la hoja de cálculo se completó correctamente sigue siendo responsabilidad tuya, al menos durante las primeras semanas de una automatización nueva.

6

🧪 Construye: pídele tu primera task a Claude Code

¿Eres nuevo aquí? task es como Trigger.dev llama a cada automatización individual: una unidad de trabajo con un nombre, un disparador (cuándo se ejecuta) y un código detrás. Llegó el momento de ver todo el pipeline en acción con el ejemplo más sencillo posible: una task que no hace nada arriesgado, solo demuestra que el flujo funciona de principio a fin.

Objetivo: pedirle a Claude Code que cree una task de prueba de Trigger.dev que consulte la hora actual e imprima un mensaje en el log — sin enviar correos ni tocar ningún dato real. Es el «hola, mundo» del deploy: si esa task aparece correctamente en el panel, las cuatro estaciones del pipeline están funcionando.

Cria uma task simples do Trigger.dev pra mim, só pra eu testar o pipeline
de deploy. Ela deve:

1. Se chamar "teste-pipeline"
2. Não precisar de nenhum gatilho automático por enquanto — só rodar quando
   eu disparar manualmente pelo painel do Trigger.dev
3. Buscar a hora atual e imprimir no log uma mensagem tipo:
   "Task rodou às . Pipeline funcionando!"
4. Não mexer em nenhum arquivo, e-mail ou dado real — é só um teste

Depois de escrever o código, me explica em português o que você fez,
faz o commit e o push pro repositório, e me diz exatamente onde no painel
do Trigger.dev eu vou ver essa task pra poder disparar ela manualmente
e conferir o log.

(Se precisar de alguma chave de API pra configurar o projeto do
Trigger.dev, não escreve ela no código — me avisa que eu cadastro
separadamente. Minha chave de teste é SUA_CHAVE_AQUI, só como referência,
não deve aparecer em nenhum arquivo.)

Cómo verificar: después de que el agente termine, abre el panel (dashboard) de Trigger.dev en el navegador. Busca la task "teste-pipeline" en la lista: debería aparecer registrada, aunque todavía no se haya ejecutado. Dispárala manualmente (normalmente con un botón "Run" o "Test") y sigue el log en tiempo real: si aparece la línea con la hora y el mensaje "Pipeline funcionando!" y el estado queda en verde, las cuatro estaciones pasaron la prueba. Si aparece en rojo, copia el mensaje de error del log y pégaselo a Claude Code: lee su propio log tan bien como tú aprenderás a leerlo.

✓ Señal de que salió bien

  • ✓La Task aparece en la lista del panel de Trigger.dev
  • ✓Log muestra el mensaje esperado y la hora correcta
  • ✓El estado de la ejecución aparece en verde/«Completed»

✗ Señal de que algo se bloqueó

  • ✗La Task no aparece en el panel: probablemente el push (Estación 2) no se completó
  • ✗Estado en rojo/«Failed»: pega el registro de errores para que el agente lo lea
  • ✗Log vacío: generalmente falta que la plataforma haya "reconocido" la tarea; pídele al agente que revise la configuración

Verificación rápida (opcional): ¿en cuál de las 4 estaciones está tu trabajo para confirmar si la automatización funcionó?

✅ Resumen del módulo

✓
4 estaciones: Claude Code escribe el código (TypeScript) → git lo lleva al repositorio en GitHub → Trigger.dev lo obtiene y lo ejecuta en la nube → tú lees el registro.
✓
No escribes código: el agente escribe; tú describes la tarea y revisas el resultado.
✓
Leer el log es la habilidad central: saber si funcionó sin tener que entender TypeScript.
✓
Deploy = publicar de verdad: sale de tu laptop y pasa a existir en Trigger.dev; se ejecuta por sí solo.

Próximo módulo:

4.3 — Prueba vs. producción