6.1 KiB
6.1 KiB
🚀 DEPLOY NA VERCEL - rdo.tracksteel.com.br
✅ VANTAGENS DA VERCEL
- ✅ Melhor suporte para Vite/React
- ✅ Deploy automático via GitHub
- ✅ Configuração de variáveis mais simples
- ✅ Edge Functions nativas
- ✅ Melhor performance global
📋 PASSO A PASSO COMPLETO
1️⃣ CRIAR PROJETO NA VERCEL (5 minutos)
- Acesse: https://vercel.com/login
- Faça login com GitHub
- Clique em "Add New..." → "Project"
- Selecione o repositório: Reifonas/RDOC
- Clique em "Import"
2️⃣ CONFIGURAR O PROJETO
Na tela de configuração:
Framework Preset:
Vite
Build Command:
npm run build
Output Directory:
dist
Install Command:
npm ci
3️⃣ ADICIONAR VARIÁVEIS DE AMBIENTE
Na seção "Environment Variables", adicione:
Variável 1:
Name: VITE_SUPABASE_URL
Value: https://xzudfhifaancyxxfdejx.supabase.co
Variável 2:
Name: VITE_SUPABASE_ANON_KEY
Value: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inh6dWRmaGlmYWFuY3l4eGZkZWp4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNjE0MTAsImV4cCI6MjA4NjkzNzQxMH0.c5CHWhfXcMrm27LfxEt6OZtttXXvVJOeWu-IbnNLfWY
IMPORTANTE: Marque para aplicar em Production, Preview e Development
4️⃣ FAZER O DEPLOY
- Clique em "Deploy"
- Aguarde o build finalizar (2-3 minutos)
- Anote a URL gerada (ex:
https://rdoc-xxx.vercel.app)
5️⃣ CONFIGURAR DOMÍNIO CUSTOMIZADO
- No dashboard do projeto, vá em "Settings" → "Domains"
- Clique em "Add"
- Digite:
rdo.tracksteel.com.br - Clique em "Add"
Configurar DNS:
A Vercel vai mostrar os registros DNS necessários. Configure no seu provedor de DNS:
Opção A - CNAME (Recomendado):
Type: CNAME
Name: rdo
Value: cname.vercel-dns.com
Opção B - A Record:
Type: A
Name: rdo
Value: 76.76.21.21
6️⃣ CONFIGURAR SUPABASE
Acesse: https://supabase.com/dashboard/project/xzudfhifaancyxxfdejx/auth/url-configuration
Redirect URLs (adicione estas):
https://rdo.tracksteel.com.br/auth/callback
https://rdo.tracksteel.com.br/*
https://rdoc-xxx.vercel.app/auth/callback
https://rdoc-xxx.vercel.app/*
http://localhost:5173/auth/callback
http://localhost:3000/auth/callback
Substitua rdoc-xxx pela URL real que a Vercel gerou!
Site URL:
https://rdo.tracksteel.com.br
Clique em Save
7️⃣ CONFIGURAR GOOGLE CLOUD
Acesse: https://console.cloud.google.com/apis/credentials
Clique no seu OAuth 2.0 Client ID
Authorized redirect URIs (adicione estas):
https://xzudfhifaancyxxfdejx.supabase.co/auth/v1/callback
https://rdo.tracksteel.com.br/auth/callback
https://rdoc-xxx.vercel.app/auth/callback
http://localhost:5173/auth/callback
http://localhost:3000/auth/callback
Substitua rdoc-xxx pela URL real que a Vercel gerou!
Clique em Save
🧪 TESTAR O DEPLOY
Teste 1: Acessar o site
- Abra:
https://rdoc-xxx.vercel.app(URL da Vercel) - Ou:
https://rdo.tracksteel.com.br(após configurar DNS) - O site deve carregar normalmente
Teste 2: Verificar variáveis
- Abra o DevTools (F12)
- Vá na aba Network
- Recarregue a página
- Procure por requisições para
xzudfhifaancyxxfdejx.supabase.co - Se aparecer = ✅ Variáveis configuradas!
Teste 3: Login com Google
- Clique em "Login com Google"
- Autorize o app
- Deve redirecionar para
/auth/callback - Deve fazer login com sucesso ✅
🔄 DEPLOY AUTOMÁTICO
A Vercel faz deploy automático quando você faz push para o GitHub:
- Branch
main→ Deploy em produção - Outras branches → Deploy de preview
📊 MONITORAMENTO
Ver logs de build:
- Acesse: https://vercel.com/dashboard
- Clique no projeto
- Vá em "Deployments"
- Clique em um deploy para ver os logs
Ver logs de runtime:
- No dashboard do projeto
- Vá em "Logs"
- Veja erros em tempo real
🔧 CONFIGURAÇÕES AVANÇADAS
Variáveis de ambiente por ambiente:
- Production: Usado no domínio principal
- Preview: Usado em branches de teste
- Development: Usado localmente com
vercel dev
Revalidar cache:
Se fizer mudanças e não aparecerem:
- Vá em "Deployments"
- Clique nos 3 pontos do deploy
- Clique em "Redeploy"
🆚 COMPARAÇÃO: VERCEL vs NETLIFY
| Recurso | Vercel | Netlify |
|---|---|---|
| Build Vite | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| Deploy automático | ✅ | ✅ |
| Edge Functions | ✅ Nativo | ✅ Limitado |
| Performance | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| Configuração | Mais simples | Mais complexa |
| Logs | Excelente | Bom |
📋 CHECKLIST FINAL
- Projeto criado na Vercel
- Variáveis de ambiente configuradas
- Deploy realizado com sucesso
- Domínio customizado configurado
- DNS configurado (aguardar propagação)
- Redirect URLs adicionadas no Supabase
- Redirect URIs adicionadas no Google Cloud
- Teste de login realizado com sucesso
🎯 RESULTADO ESPERADO
Após seguir todos os passos:
✅ Site acessível em https://rdo.tracksteel.com.br
✅ Login com Google funcionando
✅ Deploy automático via GitHub
✅ Variáveis de ambiente configuradas
✅ Performance otimizada
💡 DICAS
- Aguarde a propagação DNS (pode levar até 24h, mas geralmente 5-10 minutos)
- Use a URL da Vercel (
rdoc-xxx.vercel.app) para testar antes do DNS propagar - Limpe o cache do navegador após cada deploy
- Monitore os logs para identificar problemas rapidamente
🆘 PROBLEMAS COMUNS
Build falha:
- Verifique os logs de build
- Verifique se as dependências estão corretas
- Tente fazer build local:
npm run build
Variáveis não carregam:
- Verifique se adicionou as variáveis
- Verifique se marcou para Production
- Faça um novo deploy
Login não funciona:
- Verifique se adicionou as redirect URLs no Supabase
- Verifique se adicionou as redirect URIs no Google Cloud
- Aguarde 1-2 minutos para propagação
Qualquer dúvida, me avise em qual passo você está!