docs: Checklist completo para configuração do Netlify
This commit is contained in:
162
CHECKLIST_NETLIFY.md
Normal file
162
CHECKLIST_NETLIFY.md
Normal file
@@ -0,0 +1,162 @@
|
||||
# ✅ CHECKLIST NETLIFY - CONFIGURAÇÃO COMPLETA
|
||||
|
||||
## STATUS ATUAL
|
||||
- ✅ SQL executado com sucesso (2 usuários no banco)
|
||||
- ✅ Políticas RLS configuradas
|
||||
- ⚠️ Login ainda não funciona no Netlify
|
||||
|
||||
---
|
||||
|
||||
## 🔧 CONFIGURAÇÕES NECESSÁRIAS
|
||||
|
||||
### 1️⃣ VARIÁVEIS DE AMBIENTE NO NETLIFY
|
||||
|
||||
**CRÍTICO:** O Netlify NÃO lê o arquivo `.env` local!
|
||||
|
||||
#### Como configurar:
|
||||
|
||||
1. Acesse: https://app.netlify.com
|
||||
2. Clique no seu site
|
||||
3. Vá em: **Site settings** → **Environment variables**
|
||||
4. Clique em **Add a variable**
|
||||
5. Adicione estas 2 variáveis:
|
||||
|
||||
```
|
||||
Key: VITE_SUPABASE_URL
|
||||
Value: https://xzudfhifaancyxxfdejx.supabase.co
|
||||
|
||||
Key: VITE_SUPABASE_ANON_KEY
|
||||
Value: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inh6dWRmaGlmYWFuY3l4eGZkZWp4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNjE0MTAsImV4cCI6MjA4NjkzNzQxMH0.c5CHWhfXcMrm27LfxEt6OZtttXXvVJOeWu-IbnNLfWY
|
||||
```
|
||||
|
||||
6. **IMPORTANTE:** Após adicionar, clique em **Trigger deploy** para fazer um novo deploy
|
||||
|
||||
---
|
||||
|
||||
### 2️⃣ REDIRECT URLs NO SUPABASE
|
||||
|
||||
1. Acesse: https://supabase.com/dashboard/project/xzudfhifaancyxxfdejx/auth/url-configuration
|
||||
|
||||
2. Na seção **Redirect URLs**, adicione (substitua `SEU-SITE` pelo domínio real):
|
||||
|
||||
```
|
||||
https://SEU-SITE.netlify.app/auth/callback
|
||||
https://SEU-SITE.netlify.app/*
|
||||
```
|
||||
|
||||
**Exemplo:**
|
||||
```
|
||||
https://rdo-tracksteel.netlify.app/auth/callback
|
||||
https://rdo-tracksteel.netlify.app/*
|
||||
```
|
||||
|
||||
3. Na seção **Site URL**, configure:
|
||||
```
|
||||
https://SEU-SITE.netlify.app
|
||||
```
|
||||
|
||||
4. Clique em **Save**
|
||||
|
||||
---
|
||||
|
||||
### 3️⃣ GOOGLE CLOUD CONSOLE (OAuth)
|
||||
|
||||
1. Acesse: https://console.cloud.google.com/apis/credentials
|
||||
|
||||
2. Clique no seu **OAuth 2.0 Client ID**
|
||||
|
||||
3. Em **Authorized redirect URIs**, adicione:
|
||||
|
||||
```
|
||||
https://xzudfhifaancyxxfdejx.supabase.co/auth/v1/callback
|
||||
https://SEU-SITE.netlify.app/auth/callback
|
||||
```
|
||||
|
||||
4. Clique em **Save**
|
||||
|
||||
---
|
||||
|
||||
## 🧪 COMO TESTAR
|
||||
|
||||
### Teste 1: Verificar Variáveis de Ambiente
|
||||
|
||||
Após fazer o deploy no Netlify:
|
||||
|
||||
1. Abra o site no Netlify
|
||||
2. Pressione **F12** (Console do navegador)
|
||||
3. Digite:
|
||||
|
||||
```javascript
|
||||
console.log('URL:', import.meta.env.VITE_SUPABASE_URL)
|
||||
console.log('Key:', import.meta.env.VITE_SUPABASE_ANON_KEY?.substring(0, 20) + '...')
|
||||
```
|
||||
|
||||
**Resultado esperado:**
|
||||
```
|
||||
URL: https://xzudfhifaancyxxfdejx.supabase.co
|
||||
Key: eyJhbGciOiJIUzI1NiIs...
|
||||
```
|
||||
|
||||
**Se retornar `undefined`** = Variáveis não configuradas no Netlify!
|
||||
|
||||
---
|
||||
|
||||
### Teste 2: Verificar Login
|
||||
|
||||
1. Clique em "Login com Google"
|
||||
2. Autorize o app
|
||||
3. Deve redirecionar para `/auth/callback`
|
||||
4. Deve fazer login com sucesso
|
||||
|
||||
---
|
||||
|
||||
## 🔍 DIAGNÓSTICO DE ERROS
|
||||
|
||||
### Erro: "Invalid redirect URL"
|
||||
- ❌ Faltou adicionar URL no Supabase (passo 2)
|
||||
- ❌ Faltou adicionar URI no Google Cloud (passo 3)
|
||||
|
||||
### Erro: "Environment variables not defined"
|
||||
- ❌ Faltou configurar variáveis no Netlify (passo 1)
|
||||
- ❌ Faltou fazer novo deploy após configurar
|
||||
|
||||
### Erro: 401 Unauthorized
|
||||
- ✅ Já resolvido com o SQL que você executou!
|
||||
|
||||
### Login funciona mas volta para tela de login
|
||||
- ❌ Variáveis de ambiente não configuradas
|
||||
- ❌ Redirect URLs não configuradas
|
||||
|
||||
---
|
||||
|
||||
## 📋 ORDEM DE EXECUÇÃO
|
||||
|
||||
1. ✅ **SQL executado** (você já fez!)
|
||||
2. ⬜ **Configurar variáveis no Netlify** (passo 1)
|
||||
3. ⬜ **Fazer novo deploy no Netlify**
|
||||
4. ⬜ **Configurar Redirect URLs no Supabase** (passo 2)
|
||||
5. ⬜ **Configurar OAuth no Google Cloud** (passo 3)
|
||||
6. ⬜ **Testar login**
|
||||
|
||||
---
|
||||
|
||||
## 🎯 QUAL É O SEU DOMÍNIO NETLIFY?
|
||||
|
||||
Para eu te dar os comandos exatos, me informe:
|
||||
|
||||
**Qual é a URL do seu site no Netlify?**
|
||||
|
||||
Exemplo: `https://rdo-tracksteel.netlify.app`
|
||||
|
||||
Com essa informação, posso te dar os valores exatos para copiar e colar!
|
||||
|
||||
---
|
||||
|
||||
## 💡 DICA RÁPIDA
|
||||
|
||||
Se você ainda não sabe a URL do Netlify:
|
||||
|
||||
1. Acesse: https://app.netlify.com
|
||||
2. Clique no seu site
|
||||
3. A URL está no topo da página (ex: `https://nome-do-site.netlify.app`)
|
||||
|
||||
Reference in New Issue
Block a user