👋
Escolha Como Começar
🎨 Teste Rápido
Ver interface e testar funcionalidades sem configurar banco de dados
Tempo: 1 minuto
Abrir Sistema
🚀 Sistema Completo
Configurar com Supabase e usar dados reais
Tempo: 10 minutos
Começar Setup
1
Criar Projeto no Supabase
- Acesse supabase.com
- Faça login ou crie uma conta grátis
- Clique em "New Project"
- Preencha:
- Name: erp-verde-pack
- Database Password: Crie uma senha forte
- Region: South America (São Paulo)
- Clique em "Create new project"
- Aguarde ~2 minutos 🕐
💡 Dica: Guarde bem a senha do banco! Você vai precisar dela.
2
Executar o Schema SQL
Agora vamos criar todas as tabelas do banco:
- No painel do Supabase, clique em SQL Editor (menu lateral)
- Clique em "New Query"
- Abra o arquivo
supabase_schema.sql
- Copie TODO o conteúdo (Ctrl+A, Ctrl+C)
- Cole no editor do Supabase (Ctrl+V)
- Clique em "Run" ou pressione
Ctrl+Enter
- Aguarde a execução (~10 segundos)
✅ Pronto! Você verá: "Success. No rows returned"
💡
O que foi criado:
- 11 tabelas principais
- 5 triggers automáticos
- 2 views úteis
- Dados de exemplo
3
Obter Credenciais
Agora vamos pegar as informações de conexão:
- No Supabase, vá em Settings (ícone de engrenagem)
- Clique em API
- Você verá duas informações importantes:
📝 Project URL
https://xxxxxxxxxxxxx.supabase.co
🔑 anon/public Key
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
⚠️ Importante: Copie e guarde essas informações!
4
Configurar o Sistema
Agora vamos conectar o sistema ao banco:
- Abra o arquivo
config_supabase.js no seu editor
- Localize estas linhas:
const SUPABASE_CONFIG = {
url: 'COLE_SUA_URL_AQUI',
anonKey: 'COLE_SUA_CHAVE_AQUI'
};
- Substitua com seus valores:
const SUPABASE_CONFIG = {
url: 'https://seu-projeto-id.supabase.co',
anonKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...'
};
- Salve o arquivo (Ctrl+S)
5
Abrir o Sistema
Último passo! Você precisa de um servidor local:
🐍 Com Python
python -m http.server 8000
Depois acesse: localhost:8000
📦 Com Node.js
npx http-server -p 8000
Depois acesse: localhost:8000
⚡ Com VS Code
1. Instale extensão "Live Server"
2. Clique com botão direito no HTML
3. "Open with Live Server"
🎉 Parabéns! Seu sistema está funcionando!
✓
Verificar Funcionamento
O sistema deve:
- Carregar o Dashboard com estatísticas reais
- Mostrar produtos e matérias-primas cadastrados
- Permitir criar novos registros
- Calcular conversões automaticamente
- Salvar dados no Supabase
💡 Abra o Console do navegador (F12) para ver mensagens de debug
🚀
Próximos Passos
Agora você pode:
- Testar todas as funcionalidades do sistema
- Cadastrar seus produtos e matérias-primas reais
- Criar pedidos de teste
- Verificar as ordens de produção
- Analisar os relatórios
❓
Precisa de Ajuda?
Problemas Comuns:
❌ Erro: "Failed to fetch"
Causa: URL ou Key incorretas
Solução: Verifique se copiou corretamente do Supabase
❌ Dados não aparecem
Causa: Schema não foi executado completamente
Solução: Execute novamente o arquivo SQL completo
❌ CORS Error
Causa: Tentando abrir o HTML diretamente (file://)
Solução: Use um servidor local (Python, Node ou Live Server)
✨ Bom trabalho! ✨
Sistema ERP Verde Pack v1.0
Desenvolvido em 14/11/2025