Tempo estimado: 10-15 minutos
- Acesse: https://supabase.com
- Clique em "Start your project" (botão verde)
- Faça login com GitHub (recomendado) ou email
- No Dashboard, clique em "New project"
- Preencha:
- Name:
zairyx - Database Password: (anote esta senha!)
- Region: South America (São Paulo) -
sa-east-1
- Name:
- Clique em "Create new project"
- Aguarde ~2 minutos até aparecer "Project is ready"
- No menu lateral esquerdo, clique no ícone de engrenagem ⚙️
- Clique em "API" no submenu
Você verá 3 informações importantes. Copie cada uma:
| Campo no Supabase | Nome da Variável |
|---|---|
| Project URL | NEXT_PUBLIC_SUPABASE_URL |
| anon public (em Project API Keys) | NEXT_PUBLIC_SUPABASE_ANON_KEY |
| service_role (clique em "Reveal") | SUPABASE_SERVICE_ROLE_KEY |
⚠️ IMPORTANTE: Aservice_roleé secreta! Nunca compartilhe.
- No menu lateral, clique em "SQL Editor" (ícone de código
<>) - Clique em "+ New query"
- Abra o arquivo
supabase/schema.sqldo seu projeto - Copie TODO o conteúdo (Ctrl+A, Ctrl+C)
- Cole no SQL Editor do Supabase (Ctrl+V)
- Clique no botão "Run" (ou Ctrl+Enter)
Deve aparecer: Success. No rows returned
Para confirmar, vá em "Table Editor" no menu lateral. Você deve ver:
- ✅
restaurants - ✅
products - ✅
orders - ✅
order_items
- Acesse: https://vercel.com/dashboard
- Clique no seu projeto Zairyx
- Vá em "Settings" (aba superior)
- Clique em "Environment Variables" (menu lateral)
Adicione uma por uma:
Variável 1:
- Name:
NEXT_PUBLIC_SUPABASE_URL - Value: (cole a URL do Supabase, ex:
https://xxxxx.supabase.co) - Environments: ✅ Production, ✅ Preview, ✅ Development
Variável 2:
- Name:
NEXT_PUBLIC_SUPABASE_ANON_KEY - Value: (cole a chave anon, começa com
eyJ...) - Environments: ✅ Production, ✅ Preview, ✅ Development
Variável 3:
- Name:
SUPABASE_SERVICE_ROLE_KEY - Value: (cole a chave service_role, começa com
eyJ...) - Environments: ✅ Production, ✅ Preview, ✅ Development
Clique em "Save" após cada uma.
- No Vercel, vá em "Deployments" (aba superior)
- No deploy mais recente, clique nos 3 pontos (⋮) à direita
- Clique em "Redeploy"
- Na popup, clique em "Redeploy" novamente
- Aguarde ~1-2 minutos
- Acesse seu site (ex:
https://www.zairyx.com.br) - Clique em "Criar Cardápio" ou "Entrar"
- Cadastre-se com email/senha
- Crie seu restaurante
- Acesse
seusite.com/r/slug-do-restaurantepara ver o cardápio
Seu SaaS de Cardápio Digital está funcionando!
| URL | Função |
|---|---|
/ |
Landing page |
/login |
Login/Cadastro |
/painel |
Dashboard admin |
/painel/produtos |
Gerenciar produtos |
/painel/pedidos |
Ver pedidos |
/painel/configuracoes |
Configurar restaurante |
/r/[slug] |
Cardápio público |
- Verifique se copiou as chaves corretamente
- A chave
anoneservice_rolesão diferentes!
- Execute o schema.sql novamente no SQL Editor
- Verifique se não cortou nenhuma parte
- As variáveis de ambiente só são aplicadas após o redeploy
- Faça outro deploy ou aguarde alguns minutos
Para testar localmente, crie um arquivo .env.local na raiz do projeto:
NEXT_PUBLIC_SUPABASE_URL=https://seu-projeto.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJ...sua-chave-anon
SUPABASE_SERVICE_ROLE_KEY=eyJ...sua-chave-service
Depois rode:
npm run devAcesse: http://localhost:3000