5.3 KiB
🚀 DEPLOY AGORA - Guia Rápido
✅ Sistema Funcionando Localmente
Agora que está tudo funcionando com o servidor Python, vamos fazer o deploy!
🎯 OPÇÃO 1: Vercel (Mais Rápido)
Via Interface Web (SEM INSTALAR NADA):
- Acesse: https://vercel.com
- Faça login (GitHub, GitLab ou Email)
- Clique em "Add New..." → "Project"
- Arraste a pasta
I:\NOCODE\STEELCHKpara o site - Aguarde upload (~30 segundos)
- Clique em "Deploy"
- Pronto! URL:
https://seu-projeto.vercel.app
Via CLI (Mais Controle):
# 1. Instalar Vercel CLI
npm install -g vercel
# 2. Fazer login
vercel login
# 3. Na pasta do projeto
cd I:\NOCODE\STEELCHK
# 4. Deploy
vercel
# 5. Seguir instruções na tela
# 6. Para produção
vercel --prod
🎯 OPÇÃO 2: Netlify (Também Fácil)
Via Interface Web (SEM INSTALAR NADA):
- Acesse: https://netlify.com
- Faça login (GitHub, GitLab ou Email)
- Arraste a pasta
I:\NOCODE\STEELCHKpara a área "Drop" - Aguarde upload e deploy
- Pronto! URL:
https://seu-projeto.netlify.app
Via CLI:
# 1. Instalar Netlify CLI
npm install -g netlify-cli
# 2. Fazer login
netlify login
# 3. Na pasta do projeto
cd I:\NOCODE\STEELCHK
# 4. Deploy
netlify deploy
# 5. Seguir instruções:
# - Create new site? Yes
# - Publish directory? . (ponto)
# 6. Para produção
netlify deploy --prod
🎯 OPÇÃO 3: GitHub Pages (Gratuito)
1. Criar Repositório no GitHub:
# Na pasta do projeto
cd I:\NOCODE\STEELCHK
# Inicializar Git
git init
# Adicionar arquivos
git add .
# Commit
git commit -m "Deploy AÇO CALC PRO"
# Criar branch main
git branch -M main
# Adicionar remote (substitua SEU-USUARIO)
git remote add origin https://github.com/SEU-USUARIO/aco-calc-pro.git
# Push
git push -u origin main
2. Ativar GitHub Pages:
- Vá para: https://github.com/SEU-USUARIO/aco-calc-pro
- Clique em "Settings"
- Clique em "Pages" (menu lateral)
- Em "Source", selecione "main" branch
- Clique em "Save"
- Aguarde ~2 minutos
- URL:
https://SEU-USUARIO.github.io/aco-calc-pro
✅ Verificar Deploy
Após o deploy, teste:
- Abra a URL fornecida
- Vá para: MATERIAIS → Catálogo de Perfis → Cantoneiras
- Aguarde carregamento automático
- Veja: 39 cantoneiras devem aparecer
- Teste: Filtros e outras funcionalidades
🐛 Problemas no Deploy?
Dados não aparecem?
Causa: CSVs não foram incluídos no deploy
Solução: Verificar se pasta BD/perfis/ foi enviada
Erro 404?
Causa: Configuração de rotas
Solução: Já configurado em vercel.json e netlify.toml
Cache não funciona?
Causa: localStorage pode estar desabilitado
Solução: Normal, funciona na maioria dos navegadores
📊 Comparação de Plataformas
| Plataforma | Velocidade | Facilidade | Custo | Recomendado |
|---|---|---|---|---|
| Vercel | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | Grátis | ✅ SIM |
| Netlify | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | Grátis | ✅ SIM |
| GitHub Pages | ⭐⭐⭐⭐ | ⭐⭐⭐ | Grátis | ⚠️ OK |
🎯 Recomendação
Para Melhor Performance:
Use Vercel - Deploy mais rápido e CDN global
Para Mais Controle:
Use Netlify - Mais opções de configuração
Para Simplicidade:
Use GitHub Pages - Integrado com Git
🔄 Atualizar Site Após Deploy
Vercel:
# Fazer mudanças no código
# Depois:
vercel --prod
Netlify:
# Fazer mudanças no código
# Depois:
netlify deploy --prod
GitHub Pages:
# Fazer mudanças no código
git add .
git commit -m "Atualização"
git push
# Deploy automático!
🎨 Domínio Personalizado (Opcional)
Vercel:
- Vá em Settings → Domains
- Adicione seu domínio
- Configure DNS conforme instruções
Netlify:
- Vá em Domain settings
- Adicione custom domain
- Configure DNS conforme instruções
GitHub Pages:
- Crie arquivo
CNAMEna raiz - Adicione seu domínio
- Configure DNS
📊 Monitoramento
Vercel:
- Analytics: Automático (gratuito)
- Logs: Dashboard completo
- Performance: Métricas detalhadas
Netlify:
- Analytics: Disponível (pago)
- Logs: Dashboard completo
- Forms: Suporte a formulários
GitHub Pages:
- Analytics: Adicionar Google Analytics
- Logs: Limitado
- Performance: Básico
✅ Checklist Pré-Deploy
Antes de fazer deploy, verifique:
- Sistema funciona localmente
- Cantoneiras carregam
- Filtros funcionam
- Sem erros no console
- Todos os CSVs incluídos
- Arquivos de config criados (
vercel.json,netlify.toml) - README atualizado
🎉 FAÇA O DEPLOY AGORA!
Escolha uma opção acima e siga os passos.
Tempo estimado: 5-10 minutos
Resultado: Site no ar, acessível globalmente!
📞 Após o Deploy
- Teste todas as funcionalidades
- Compartilhe a URL
- Monitore performance
- Atualize conforme necessário
🎯 URLs de Exemplo
Após deploy, sua URL será algo como:
- Vercel:
https://aco-calc-pro.vercel.app - Netlify:
https://aco-calc-pro.netlify.app - GitHub:
https://seu-usuario.github.io/aco-calc-pro
Boa sorte com o deploy! 🚀
Qualquer dúvida, consulte GUIA-DEPLOY.md para mais detalhes.