dbmaker/docs/auxiliar/DEPLOY_VERCEL.md

Deploy na Vercel - SteelBook

🚀 Pré-requisitos

• Conta no GitHub
• Conta na Vercel
• Código commitado no GitHub

📋 Passos para Deploy

1. Preparar o Repositório

# Verificar se tudo está commitado
git status

# Fazer commit final
git add .
git commit -m "Otimizações de performance e reorganização"

# Push para GitHub
git push origin main

2. Conectar na Vercel

Opção A: Via CLI (Recomendado)

# Instalar Vercel CLI
npm i -g vercel

# Fazer login
vercel login

# Deploy
vercel

# Seguir as instruções interativas

Opção B: Via Dashboard

1. Acesse vercel.com
2. Clique em "New Project"
3. Selecione seu repositório GitHub
4. Configure as variáveis de ambiente
5. Clique em "Deploy"

3. Configurar Variáveis de Ambiente

Na Vercel, adicione as seguintes variáveis:

VITE_SUPABASE_URL=https://seu-projeto.supabase.co
VITE_SUPABASE_ANON_KEY=sua-chave-anonima

4. Verificar Deploy

# Após o deploy, você receberá uma URL
# Exemplo: https://steelbook.vercel.app

# Verificar status
vercel status

🔄 Atualizações Futuras

Após o primeiro deploy, qualquer push para main acionará um novo deploy automaticamente.

# Fazer mudanças
git add .
git commit -m "Descrição das mudanças"
git push origin main

# Vercel fará deploy automaticamente

🔐 Segurança

Variáveis de Ambiente

• ✅ Nunca commitar .env
• ✅ Usar .env.example como template
• ✅ Adicionar variáveis na Vercel dashboard

Chaves de API

• ✅ Usar ANON_KEY no cliente
• ✅ SERVICE_ROLE_KEY apenas no servidor
• ✅ Rotacionar chaves regularmente

📊 Monitoramento

Vercel Analytics

1. Acesse seu projeto na Vercel
2. Vá para "Analytics"
3. Monitore:
   • Performance
   • Uptime
   • Requests

Logs

# Ver logs em tempo real
vercel logs

# Ver logs de um deployment específico
vercel logs [deployment-url]

🐛 Troubleshooting

Build falha

# Verificar logs
vercel logs

# Fazer rebuild
vercel rebuild

Variáveis não carregam

# Verificar variáveis
vercel env list

# Adicionar variável
vercel env add VITE_SUPABASE_URL

Performance lenta

1. Verificar bundle size: npm run build:analyze
2. Verificar React Query cache
3. Verificar queries do Supabase

📈 Otimizações Pós-Deploy

1. Habilitar Compression

• Vercel habilita gzip automaticamente
• Verificar em "Settings" > "Compression"

2. Habilitar Caching

• Configurar cache headers
• Usar vercel.json para regras customizadas

3. Monitorar Performance

• Usar Vercel Analytics
• Usar Google PageSpeed Insights
• Usar Lighthouse

📝 Arquivo vercel.json (Opcional)

{
  "buildCommand": "npm run build",
  "devCommand": "npm run dev",
  "installCommand": "npm install",
  "framework": "vite",
  "env": {
    "VITE_SUPABASE_URL": "@supabase_url",
    "VITE_SUPABASE_ANON_KEY": "@supabase_key"
  }
}

🎯 Checklist de Deploy

• Código commitado no GitHub
• Variáveis de ambiente configuradas
• Build local testado (npm run build)
• Sem erros de TypeScript (npm run type-check)
• Sem warnings de linting (npm run lint)
• Vercel CLI instalado
• Conta Vercel criada
• Repositório conectado
• Deploy realizado
• URL acessível
• Funcionalidades testadas

🚀 Comandos Úteis

# Deploy
vercel

# Deploy em produção
vercel --prod

# Listar deployments
vercel list

# Remover deployment
vercel remove [deployment-url]

# Ver configurações
vercel inspect

# Abrir projeto no navegador
vercel open

📞 Suporte

• Documentação Vercel: https://vercel.com/docs
• Suporte Vercel: https://vercel.com/support
• Discord Vercel: https://discord.gg/vercel

✅ Status

Pronto para Deploy! 🎉

O aplicativo está otimizado e pronto para ser deployado na Vercel.