286 lines
5.3 KiB
Markdown
286 lines
5.3 KiB
Markdown
# 🚀 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):
|
|
|
|
1. **Acesse**: https://vercel.com
|
|
2. **Faça login** (GitHub, GitLab ou Email)
|
|
3. **Clique** em "Add New..." → "Project"
|
|
4. **Arraste** a pasta `I:\NOCODE\STEELCHK` para o site
|
|
5. **Aguarde** upload (~30 segundos)
|
|
6. **Clique** em "Deploy"
|
|
7. **Pronto!** URL: `https://seu-projeto.vercel.app`
|
|
|
|
### Via CLI (Mais Controle):
|
|
|
|
```bash
|
|
# 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):
|
|
|
|
1. **Acesse**: https://netlify.com
|
|
2. **Faça login** (GitHub, GitLab ou Email)
|
|
3. **Arraste** a pasta `I:\NOCODE\STEELCHK` para a área "Drop"
|
|
4. **Aguarde** upload e deploy
|
|
5. **Pronto!** URL: `https://seu-projeto.netlify.app`
|
|
|
|
### Via CLI:
|
|
|
|
```bash
|
|
# 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:
|
|
|
|
```bash
|
|
# 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:
|
|
|
|
1. Vá para: https://github.com/SEU-USUARIO/aco-calc-pro
|
|
2. Clique em "Settings"
|
|
3. Clique em "Pages" (menu lateral)
|
|
4. Em "Source", selecione "main" branch
|
|
5. Clique em "Save"
|
|
6. Aguarde ~2 minutos
|
|
7. URL: `https://SEU-USUARIO.github.io/aco-calc-pro`
|
|
|
|
---
|
|
|
|
## ✅ Verificar Deploy
|
|
|
|
Após o deploy, teste:
|
|
|
|
1. **Abra** a URL fornecida
|
|
2. **Vá para**: MATERIAIS → Catálogo de Perfis → Cantoneiras
|
|
3. **Aguarde** carregamento automático
|
|
4. **Veja**: 39 cantoneiras devem aparecer
|
|
5. **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:
|
|
```bash
|
|
# Fazer mudanças no código
|
|
# Depois:
|
|
vercel --prod
|
|
```
|
|
|
|
### Netlify:
|
|
```bash
|
|
# Fazer mudanças no código
|
|
# Depois:
|
|
netlify deploy --prod
|
|
```
|
|
|
|
### GitHub Pages:
|
|
```bash
|
|
# Fazer mudanças no código
|
|
git add .
|
|
git commit -m "Atualização"
|
|
git push
|
|
# Deploy automático!
|
|
```
|
|
|
|
---
|
|
|
|
## 🎨 Domínio Personalizado (Opcional)
|
|
|
|
### Vercel:
|
|
1. Vá em Settings → Domains
|
|
2. Adicione seu domínio
|
|
3. Configure DNS conforme instruções
|
|
|
|
### Netlify:
|
|
1. Vá em Domain settings
|
|
2. Adicione custom domain
|
|
3. Configure DNS conforme instruções
|
|
|
|
### GitHub Pages:
|
|
1. Crie arquivo `CNAME` na raiz
|
|
2. Adicione seu domínio
|
|
3. 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:
|
|
|
|
- [x] Sistema funciona localmente
|
|
- [x] Cantoneiras carregam
|
|
- [x] Filtros funcionam
|
|
- [x] Sem erros no console
|
|
- [x] Todos os CSVs incluídos
|
|
- [x] Arquivos de config criados (`vercel.json`, `netlify.toml`)
|
|
- [x] 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
|
|
|
|
1. **Teste** todas as funcionalidades
|
|
2. **Compartilhe** a URL
|
|
3. **Monitore** performance
|
|
4. **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.**
|