O objetivo desse módulo é direto: você entra sem saber o que é o Cursor e sai com um app de Kanban funcionando, conectado a banco de dados real, publicado na Vercel.

27 aulas. Do PRD ao deploy.

O que você vai construir

Primeira aula do módulo Criando um Kanban de Tarefas no Cursor no ibe.IA

Um Kanban de tarefas interativo com autenticação, banco de dados no Supabase e publicação na Vercel.

Funcionalidades do projeto final:

  • Cadastro e login de usuários
  • Criação, edição e exclusão de tarefas (CRUD completo)
  • Visualização em modo Kanban e modo lista
  • Sincronização em tempo real com Supabase
  • Deploy com domínio público via Vercel

O fluxo do módulo começa no Lovable, onde você gera o PRD e o projeto base. A partir daí migra pro Cursor, conecta ao Supabase via MCP, implementa o CRUD e publica.

A estrutura do módulo em etapas

Criador Pixar organizando blocos de código e ferramentas em sequência lógica, iluminação carvão escura com acentos brancos e prateados

O módulo tem 8 blocos:

Introdução: visão geral do que será construído.

Iniciando no Lovable: geração do PRD, inserção no Lovable e conexão ao GitHub. Você sai com repositório criado e projeto base gerado.

Iniciando no Cursor: instalação, configurações iniciais, clonagem do repositório e visão das ferramentas. Inclui a aula “Lovable X Cursor” que explica quando usar cada um.

Dominando Cursor na Prática: rodar o projeto local, inserir o PRD no Cursor, implementar modo lista e edição visual de elementos.

Versionamento e Sincronização: duas opções de sincronização com GitHub e melhoria de UI/UX da lista de tarefas.

Supabase: criar projeto, entender MCP, conectar, gerar schema do banco, criar fluxo de autenticação e tabela espelho de usuário.

Criando CRUD: implementar create, read, update e delete com sincronização ao banco, e publicação na Vercel.

Conclusão: revisão e avaliação do módulo.

MCP e Supabase: a parte que muda o jogo

Personagem Pixar conectando fios de dados luminosos entre Cursor e Supabase com protocolo MCP brilhando no centro, fundo carvão atmosférico

A parte mais densa do módulo é o bloco do Supabase: 6 aulas, cerca de 37 minutos.

MCP (Model Context Protocol) é o protocolo que permite ao Cursor conversar diretamente com o banco de dados. Em vez de você copiar schema, colar estrutura e torcer pra IA entender, o MCP dá ao Cursor acesso direto ao contexto do Supabase.

Na prática: você descreve o que quer, o Cursor acessa o banco via MCP, e o código gerado já conhece a estrutura de tabelas, tipos de campo e relações existentes. O resultado é menos idas e vindas, menos erro de tipagem e menos “funciona em dev mas quebra em prod”.

Esse bloco cobre: criação do projeto no Supabase, entendimento do protocolo MCP, conexão, geração de schema via IA, fluxo de autenticação e tabela de usuário com campos espelho.

Para quem é esse módulo

Criador Pixar confiante com laptop aberto mostrando app Kanban finalizado, ambiente escuro e elegante com iluminação carvão dramática

Esse módulo é pra quem:

  • Já fez algum projeto no Lovable e quer dar o próximo passo
  • Quer criar com Cursor mas não sabe por onde começar
  • Precisa de banco de dados real e não sabe configurar Supabase
  • Quer entender MCP na prática, não só na teoria

Não precisa de experiência em programação. O módulo começa da instalação do Cursor e explica cada ferramenta antes de usar.

Acesse o módulo na Formação em Vibe Coding

E se esse conteúdo te ajudou a entender o que dá pra criar, segue a ibe.IA no Instagram (@ibe.ia) que toda semana sai conteúdo desse jeito.