docs: Guia para corrigir variáveis de ambiente na Vercel

This commit is contained in:
2026-02-24 08:46:51 -03:00
parent b6e4f14bf9
commit 0897943b5d

128
CORRIGIR_VERCEL_AGORA.md Normal file
View File

@@ -0,0 +1,128 @@
# 🚨 CORRIGIR VERCEL - VARIÁVEIS DE AMBIENTE
## ❌ PROBLEMA ATUAL
Erro: **"Missing Publishable Key"**
Isso significa que as variáveis de ambiente NÃO foram configuradas ou NÃO foram aplicadas no build.
---
## ✅ SOLUÇÃO PASSO A PASSO
### 1. Verificar se as variáveis existem
1. Acesse: https://vercel.com/dashboard
2. Clique no projeto **rdots** (ou o nome do seu projeto)
3. Vá em **Settings****Environment Variables**
4. Verifique se existem estas 2 variáveis:
- `VITE_SUPABASE_URL`
- `VITE_SUPABASE_ANON_KEY`
---
### 2. Se as variáveis NÃO existem:
Adicione-as agora:
**Variável 1:**
```
Key: VITE_SUPABASE_URL
Value: https://xzudfhifaancyxxfdejx.supabase.co
Environments: Production ✅ Preview ✅ Development ✅
```
**Variável 2:**
```
Key: VITE_SUPABASE_ANON_KEY
Value: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inh6dWRmaGlmYWFuY3l4eGZkZWp4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNjE0MTAsImV4cCI6MjA4NjkzNzQxMH0.c5CHWhfXcMrm27LfxEt6OZtttXXvVJOeWu-IbnNLfWY
Environments: Production ✅ Preview ✅ Development ✅
```
**IMPORTANTE:** Marque as 3 checkboxes (Production, Preview, Development)!
---
### 3. Se as variáveis JÁ existem:
Verifique se estão marcadas para **Production**:
1. Clique no ícone de lápis (editar) ao lado de cada variável
2. Certifique-se que **Production** está marcado ✅
3. Clique em **Save**
---
### 4. Fazer um novo deploy (OBRIGATÓRIO!)
Após adicionar/editar as variáveis, você DEVE fazer um novo deploy:
**Opção A - Redeploy:**
1. Vá em **Deployments**
2. Clique nos 3 pontos do último deploy
3. Clique em **"Redeploy"**
4. Marque **"Use existing Build Cache"** = ❌ (desmarque!)
5. Clique em **"Redeploy"**
**Opção B - Trigger via Git:**
```bash
# No terminal local
git commit --allow-empty -m "trigger: Forçar rebuild na Vercel"
git push origin main
```
---
### 5. Aguardar o build finalizar
1. Vá em **Deployments**
2. Aguarde o novo deploy ficar **"Ready"** (verde)
3. Clique no deploy
4. Clique em **"Visit"** para abrir o site
---
## 🧪 TESTAR SE FUNCIONOU
Após o novo deploy:
1. Abra: https://rdots.vercel.app (ou sua URL)
2. Pressione **Ctrl+Shift+R** (hard refresh)
3. Abra o DevTools (F12)
4. Vá na aba **Console**
5. Veja se o erro "Missing Publishable Key" sumiu
---
## 🔍 VERIFICAR SE AS VARIÁVEIS ESTÃO CARREGANDO
No console do navegador (F12), digite:
```javascript
// Isso NÃO vai funcionar no console, mas você pode ver no código fonte
// Vá em Sources → Procure por arquivos .js → Procure por "xzudfhifaancyxxfdejx"
```
Se encontrar "xzudfhifaancyxxfdejx" no código = ✅ Variáveis carregadas!
Se NÃO encontrar = ❌ Variáveis não foram injetadas no build
---
## 📋 CHECKLIST
- [ ] Variáveis existem em Settings → Environment Variables
- [ ] Variáveis estão marcadas para Production
- [ ] Fiz um novo deploy (Redeploy)
- [ ] Aguardei o build finalizar
- [ ] Fiz hard refresh no navegador (Ctrl+Shift+R)
- [ ] Erro "Missing Publishable Key" sumiu
---
## 🆘 SE AINDA NÃO FUNCIONAR
Me envie:
1. Print da tela de Environment Variables da Vercel
2. Print do console (F12) mostrando os erros
3. URL do seu projeto na Vercel