O app está no ar. Cadastro funciona, a tela abre, o botão faz o que deveria. Mas os dados são fixos. A lista de produtos não muda. O feed não carrega. Nada vem de fora.

Esse é o ponto onde a maioria das pessoas trava.

O módulo Integrações externas e API resolve isso. Em 15 aulas, você aprende a fazer o seu Lovable buscar dado externo, exibir em tempo real e responder a interação do usuário sem precisar alimentar nada manualmente.

O projeto prático é uma lista de filmes conectada ao TMDB, o banco de dados de cinema mais usado do mundo. No final do módulo, o app lista filmes populares, mostra detalhe de cada um e tem watchlist funcional, tudo vindo de uma API real.

O que tem dentro do módulo

As 15 aulas estão divididas em 4 blocos.

Introdução (1 aula)

Uma aula de orientação antes de começar. O que vamos construir, qual é o mecanismo central e por que API faz sentido antes de criar backend próprio.

APIs (7 aulas)

O bloco principal. Começa do começo: por que APIs existem, o que é REST e como o Lovable faz requisição HTTP. Depois você cria conta no TMDB, pega o token de acesso e importa o endpoint no Postman pra testar a resposta antes de plugar no app.

As aulas duram de 3 a 11 minutos cada. Ritmo que dá pra acompanhar sem perder o fio.

Alterações no projeto (4 aulas)

Aqui você aplica o que aprendeu. Monta a tela de filmes populares consumindo a API em tempo real, cria a página de detalhes, transforma a home numa lista de desejo e adiciona a lógica de salvar filme da API na watchlist.

Conclusão (3 aulas)

Testes, publicação e avaliação NPS. O app sai do módulo rodando com dado real.

Primeira aula do módulo de API mostrando como o Lovable trabalha com requisições HTTP externas

Por que esse módulo vem logo no começo da trilha

App sem dado externo não escala. Mais do que isso: não convence.

Quando alguém vê um app e percebe que cada item foi digitado manualmente, a pergunta vem: “e se eu quiser 10 mil produtos?” Esse módulo resolve a pergunta antes de virar problema real.

O TMDB foi escolhido porque é gratuito, bem documentado e visual. Filmes são fáceis de ver na tela, o que torna o aprendizado mais concreto do que trabalhar com dados abstratos. Você vê o resultado em tempo real, o que ajuda a entender o mecanismo sem precisar de explicação extra.

O que você aprende aqui se aplica a qualquer API REST, seja cotação de moeda, previsão de clima, catálogo de produtos ou rastreio de encomenda. O mecanismo é o mesmo; só o endpoint muda.

Pra quem é esse módulo

Pra quem já criou o primeiro app no Lovable e quer ir além do protótipo estático.

Pra quem tem uma ideia de produto que depende de dado externo e ainda não sabe como conectar as duas pontas.

Você não precisa de formação em dev pra acompanhar. O Lovable escreve o código. O que você aprende aqui é o conceito da chamada, quais parâmetros importam e como validar a resposta antes de exibir na tela.

Esse módulo faz parte da Formação em Vibe Coding do ibe.IA, que vai do zero ao app publicado com dado real em poucos módulos.

Conheça a Formação em Vibe Coding

E se essa leitura te ajudou a entender o que está acontecendo, segues a ibe.IA no Instagram (@ibe.ia) que toda semana sai conteúdo desse jeito.