5.5 KiB
5.5 KiB
🚀 Guia Rápido de Deploy
✅ Pré-requisitos
- ✅ Conta no Vercel ou Netlify (gratuita)
- ✅ Git instalado (opcional)
- ✅ Navegador web
🎯 Opção 1: Deploy via Interface Web (MAIS FÁCIL)
Vercel
- Acesse: https://vercel.com
- Faça login com GitHub, GitLab ou email
- Clique em "Add New..." → "Project"
- Importe seu repositório Git OU
- Arraste a pasta do projeto para o site
- Clique em "Deploy"
- Pronto! Seu site estará no ar em ~30 segundos
URL: https://seu-projeto.vercel.app
Netlify
- Acesse: https://netlify.com
- Faça login com GitHub, GitLab ou email
- Arraste a pasta do projeto para a área "Drop"
- Aguarde o upload e deploy
- Pronto! Seu site estará no ar
URL: https://seu-projeto.netlify.app
🎯 Opção 2: Deploy via CLI (Mais Controle)
Vercel CLI
# 1. Instalar Vercel CLI (uma vez)
npm install -g vercel
# 2. Fazer login
vercel login
# 3. Na pasta do projeto, executar
vercel
# 4. Seguir as instruções:
# - Set up and deploy? Yes
# - Which scope? Sua conta
# - Link to existing project? No
# - Project name? aco-calc-pro (ou outro)
# - Directory? ./
# - Override settings? No
# 5. Para produção
vercel --prod
Netlify CLI
# 1. Instalar Netlify CLI (uma vez)
npm install -g netlify-cli
# 2. Fazer login
netlify login
# 3. Na pasta do projeto, executar
netlify deploy
# 4. Seguir as instruções:
# - Create & configure a new site? Yes
# - Team? Sua conta
# - Site name? aco-calc-pro (ou outro)
# - Publish directory? . (ponto)
# 5. Para produção
netlify deploy --prod
🎯 Opção 3: Deploy via Git (Automático)
1. Criar Repositório no GitHub
# Na pasta do projeto:
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/seu-usuario/aco-calc-pro.git
git push -u origin main
2. Conectar ao Vercel
- Acesse https://vercel.com
- Clique em "Add New..." → "Project"
- Selecione seu repositório do GitHub
- Clique em "Deploy"
- Deploy automático a cada push!
3. Conectar ao Netlify
- Acesse https://netlify.com
- Clique em "Add new site" → "Import an existing project"
- Selecione GitHub
- Selecione seu repositório
- Clique em "Deploy site"
- Deploy automático a cada push!
⚙️ Configurações Importantes
Variáveis de Ambiente (Nenhuma necessária!)
Este projeto é 100% estático, não precisa de variáveis de ambiente.
Build Settings
- Build Command: Nenhum (deixe vazio)
- Output Directory:
.(raiz do projeto) - Install Command: Nenhum
Headers e Cache
Já configurados em:
vercel.jsonpara Vercelnetlify.tomlpara Netlify
🔍 Verificar Deploy
Após o deploy, teste:
- Abra o site na URL fornecida
- Teste o menu MATERIAIS → Catálogo de Perfis → Cantoneiras
- Clique em "🔄 Carregar Dados" se necessário
- Verifique se os 39 itens aparecem
- Teste outros cálculos e funcionalidades
🐛 Problemas Comuns
Erro 404 ao acessar rotas
Solução: Já configurado em vercel.json e netlify.toml
CSVs não carregam
Causa: Caminho incorreto ou CORS
Solução: Verificar se pasta BD/perfis/ foi incluída no deploy
Dados não aparecem
Solução: Clicar no botão "🔄 Carregar Dados" manualmente
Cache não funciona
Solução: localStorage pode estar desabilitado no navegador
📊 Monitoramento
Vercel
- Analytics: https://vercel.com/dashboard/analytics
- Logs: https://vercel.com/dashboard/deployments
- Performance: Automático
Netlify
- Analytics: https://app.netlify.com/sites/seu-site/analytics
- Logs: https://app.netlify.com/sites/seu-site/deploys
- Forms: Disponível se adicionar formulários
🎨 Domínio Personalizado
Vercel
- Vá em Settings → Domains
- Adicione seu domínio
- Configure DNS conforme instruções
- Aguarde propagação (~24h)
Netlify
- Vá em Domain settings
- Adicione custom domain
- Configure DNS conforme instruções
- Aguarde propagação (~24h)
🔄 Atualizar Site
Via Git (Automático)
git add .
git commit -m "Atualização"
git push
Deploy automático em ~30 segundos!
Via CLI
# Vercel
vercel --prod
# Netlify
netlify deploy --prod
Via Interface
Arraste a pasta atualizada novamente.
💡 Dicas
Performance
- ✅ CSVs são cacheados automaticamente
- ✅ Headers de cache já configurados
- ✅ Compressão automática (gzip/brotli)
SEO
- ✅ Meta tags já incluídas no
index.html - ✅ Sitemap pode ser adicionado se necessário
- ✅ robots.txt pode ser adicionado
Analytics
- Vercel Analytics: Automático (plano gratuito)
- Google Analytics: Adicionar código no
index.html - Netlify Analytics: Disponível (pago)
✅ Checklist Final
Antes de fazer deploy:
- Testar localmente (abrir
index.html) - Verificar se CSVs estão na pasta
BD/perfis/ - Verificar se todos os arquivos
.jsestão incluídos - Testar carregamento de cantoneiras
- Verificar console por erros
- Testar em diferentes navegadores
- Verificar responsividade (mobile)
🎉 Pronto!
Seu site estará no ar em minutos!
URLs de exemplo:
- Vercel:
https://aco-calc-pro.vercel.app - Netlify:
https://aco-calc-pro.netlify.app
Boa sorte com o deploy! 🚀