TLDR;

É um tutorial para construir o Relay, uma plataforma que permite criar workflows visuais com agentes de IA que automatizam navegadores para executar tarefas na web. A automação funciona porque o agente controla um navegador Chrome real em nuvem (via browserbase e stagehand), clicando, rolando e extraindo dados até completar a meta, com execução em segundo plano e gravação da sessão. Para seguir o tutorial você precisa Node.js (>=20.9) e git, e ele mostra como usar Next.js/React Flow no front-end, trigger.dev para execução durável, Postgres com Drizzle/Neon, Clerk para autenticação, Live Blocks para colaboração em tempo real e Sentry para observabilidade.

Resumo

Este tutorial apresenta o Relay, uma plataforma que usa agentes de IA para automatizar qualquer site dirigindo um navegador Chrome real na nuvem (browserbase e stagehand). Na interface em canvas construída com React Flow você cria workflows encadeando nós — gatilho, abrir URL, enviar e‑mail (Resend), nós de ação que clicam e digitam, Observe para localizar elementos, Extract para extrair dados e o nó agente que recebe um objetivo em linguagem natural e executa todo o processo autonomamente. Cada nó tem painel de configuração, passagem de dados por tokens e exibe status em tempo real; execuções são jobs duráveis em background (trigger.dev), gravadas e reproduzíveis, com resultados persistidos em Postgres via Drizzle e Neon. O canvas é colaborativo (Live Blocks). Exemplos incluem configurar um Porsche, jogar xadrez, resolver Wordle ou montar um briefing matinal. O produto inclui autenticação, organizações e cobrança (Clerk) e é implantado na Railway. O curso adota programação agentic (Claude Code, MCP), e integra Sentry para observabilidade de logs, traces e monitoramento de agentes. O instrutor Antonio orienta também sobre requisitos: Node.js ≥20.9, git e inicialização de um projeto Next.js preferencialmente via chatsen@4.12.0, abrir no IDE, confiar na pasta e entrar no diretório e finalmente executar os scripts.