Desafios de Backend com Node.js + Express + Supabase

1. Objetivo da Atividade

Cada aluno vai:

• 1) Criar a estrutura de banco de dados do seu tema no Supabase.
• 2) Conectar a API Node.js + Express para gravar e ler dados do Supabase (em vez de array em memória).
• 3) Testar as rotas no Thunder Client.
• 4) Gravar um vídeo mostrando todo o processo (tela +legenda).

2. Passo a passo com Supabase (roteiro para o vídeo)

2.1 – Preparar o ambiente

1. Abrir o projeto Node.js + Express.
2. Garantir que o servidor ainda funciona em modo “array em memória”.
3. Instalar SDK do Supabase:
   • npm install @supabase/supabase-js

2.2 – Criar projeto e tabela no Supabase

1. Acessar supabase.com e criar/entrar na conta.
2. Criar um novo projeto no Supabase.
3. Dentro do projeto, criar uma tabela com o nome do recurso:
   • Ex.: livros, filmes, produtos, etc.
4. Adicionar as colunas equivalentes aos campos do seu tema:
   • Ex. para livros: id (PK), titulo (text), autor (text), ano_publicacao (int), disponivel (bool).
5. Testar a tabela com alguns dados diretamente no Supabase (opcional, mas ajuda).

2.3 – Conectar a API ao Supabase

1. Obter as chaves do Supabase (URL e chave pública) na área de configurações do projeto.
2. Configurar variáveis de ambiente (arquivo .env):
   • SUPABASE_URL=...
   • SUPABASE_KEY=...
3. No código Node, criar o cliente do Supabase usando essas variáveis.
4. Alterar as rotas GET, POST, PUT, DELETE para usarem Supabase (insert, select, update, delete) em vez do array.

2.4 – Testar com Thunder Client

1. Criar coleção de requisições no Thunder Client (uma para cada rota).
2. Enviar POST e verificar se o dado aparece na tabela do Supabase.
3. Usar GET para listar e buscar por id.
4. Usar PUT e DELETE e confirmar o efeito direto na tabela.

2.5 – Gravação do vídeo (obrigatório)

• Mostrar:
  • Criação/visão geral do projeto no Supabase.
  • Criação da tabela e das colunas para o tema de seu número de chamada.
  • Configuração das chaves no projeto Node.js (.env).
  • Alteração de pelo menos 3 rotas para usar Supabase.
  • Testes das rotas no Thunder Client.
• Escrever na tela: o que está fazendo em cada passo.
• Postar o vídeo (YouTube não listado).
• Na descrição ou comentário, colocar:
  • Nome completo
  • Tema escolhido
  • Link do repositório do GitHub

3. Temas são o de seu número de chamada

Cada aluno mantém o mesmo tema de número de chamada. Agora a diferença é: usar Supabase como banco.

4. Checklist de Entrega (Supabase + Vídeo)

• API Node.js + Express rodando usando Supabase (sem array em memória).
• Tabela criada no Supabase com colunas coerentes com o tema.
• CRUD completo funcionando via Supabase.
• Testes no Thunder Client mostrando dados indo e voltando do banco.
• Vídeo gravado mostrando todo o fluxo:
  • Config do Supabase
  • Tabela criada
  • Config no código
  • Testes no Thunder Client
• Link do vídeo enviado no YouTube.