MÓDULO 4.1
Vercel e Supabase: a visão
Saber o que a Vercel e o Supabase fazem e como o seu repositório se liga a eles quando o projeto crescer.
O que é
A Vercel publica sites e aplicativos direto do seu repositório do GitHub. É o passo seguinte ao Pages quando o projeto passa de uma página simples.
Por que aprender
Ela roda código no servidor, aceita domínio próprio e mostra uma prévia de cada mudança antes de ir ao ar.
Conceitos-chave
Hospedagem: onde o site fica no ar. Deploy: a publicação de uma versão. Prévia (preview): um endereço temporário para conferir a mudança.
O que é
Entre em vercel.com com a conta do GitHub, clique em Add New → Project e importe o repositório. A Vercel detecta o tipo de projeto e publica.
Por que aprender
A ligação é feita uma vez. Depois disso você não abre mais a Vercel para publicar.
Conceitos-chave
Importar: dar à Vercel acesso de leitura ao repositório. Framework: o tipo de projeto (página simples, Next.js e outros), que a Vercel reconhece sozinha.
O que é
Com o repositório ligado, você continua com a mesma rotina da parte 2: add, commit, push. A Vercel publica sozinha.
Por que aprender
Você não aprende uma ferramenta nova para publicar: o Git continua sendo a porta.
Conceitos-chave
Publicação automática: o serviço observa o repositório e publica quando chega versão nova. Branch main: a que vai para o endereço oficial.
O que é
Em Settings → Domains da Vercel você adiciona o seu domínio, e ela mostra o registro DNS que você cadastra onde comprou o domínio.
Por que aprender
Troca o endereço .vercel.app pelo nome da sua marca.
Conceitos-chave
Domínio: o nome do site (seunegocio.com.br). DNS: a lista que diz para onde cada domínio aponta. nslookup: consulta para onde um domínio aponta agora.
O que é
O Supabase dá ao seu projeto um banco de dados, login de usuários e armazenamento de arquivos, sem você instalar servidor.
Por que aprender
É o que transforma uma página em sistema: guardar contatos, pedidos, cadastros.
Conceitos-chave
Banco de dados: onde os registros ficam guardados. Login (autenticação): saber quem é o usuário. Chave do projeto: a senha que o seu código usa para falar com o Supabase.
O que é
As chaves do Supabase vão num arquivo .env, e o .gitignore impede que o Git envie esse arquivo para o GitHub.
Por que aprender
Chave publicada é chave vazada: qualquer pessoa pode usar o seu banco. Em repositório público isso acontece em minutos.
Conceitos-chave
.env: arquivo com as chaves e senhas do projeto. .gitignore: lista do que o Git não envia. Variável de ambiente: o jeito de passar a chave ao programa sem escrevê-la no código.