Files
RDO/CHECKLIST_NETLIFY.md

3.7 KiB
Raw Blame History

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 settingsEnvironment 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
  1. 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/*
  1. Na seção Site URL, configure:
https://SEU-SITE.netlify.app
  1. 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
  1. 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:
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)