Aprenda a configurar um projeto Supabase do zero e conectar com suas aplicações.
O Supabase é uma plataforma de backend como serviço (BaaS) que oferece banco de dados PostgreSQL, autenticação, armazenamento e APIs em tempo real.
Dica: O Supabase oferece um plano gratuito generoso que é perfeito para aprendizado e projetos pequenos.
Após fazer login, você será direcionado para o dashboard onde pode criar seu primeiro projeto.
Importante: Anote a senha do banco de dados em local seguro. Você precisará dela para acessos administrativos.
Após a criação do projeto, você pode configurar seu banco de dados usando o SQL Editor.
-- Criar tabela de usuários
CREATE TABLE usuarios (
id SERIAL PRIMARY KEY,
nome VARCHAR(100) NOT NULL,
email VARCHAR(100) UNIQUE NOT NULL,
created_at TIMESTAMP DEFAULT NOW()
);
-- Inserir dados de exemplo
INSERT INTO usuarios (nome, email) VALUES
('João Silva', 'joao@email.com'),
('Maria Santos', 'maria@email.com');
-- Consultar dados
SELECT * FROM usuarios;
O RLS é importante para segurança. Para tabelas públicas de aprendizado, você pode desabilitar temporariamente:
-- Desabilitar RLS para aprendizado (NÃO recomendado em produção)
ALTER TABLE usuarios DISABLE ROW LEVEL SECURITY;
-- Ou criar políticas específicas
ALTER TABLE usuarios ENABLE ROW LEVEL SECURITY;
-- Permitir leitura para todos
CREATE POLICY "Permitir leitura pública" ON usuarios
FOR SELECT USING (true);
-- Permitir inserção para usuários autenticados
CREATE POLICY "Permitir inserção autenticada" ON usuarios
FOR INSERT WITH CHECK (auth.role() = 'authenticated');
Para conectar sua aplicação ao Supabase, você precisa de duas informações principais:
URL base do seu projeto Supabase
https://seuprojetoid.supabase.co
anon (public): Chave pública para uso no frontend
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
service_role (secret): Chave privada para uso no backend
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
Segurança: Nunca exponha a chave service_role no frontend. Use apenas a chave anon para aplicações client-side.
Vamos testar a conexão com o Supabase usando JavaScript diretamente no navegador.
Aqui está um exemplo de como conectar ao Supabase em uma aplicação:
// Importar o Supabase
import { createClient } from '@supabase/supabase-js'
// Configurar as credenciais
const supabaseUrl = 'https://seuprojetoid.supabase.co'
const supabaseKey = 'sua-chave-anon-aqui'
// Criar cliente Supabase
const supabase = createClient(supabaseUrl, supabaseKey)
// Exemplo de consulta
async function buscarUsuarios() {
try {
const { data, error } = await supabase
.from('usuarios')
.select('*')
if (error) {
console.error('Erro:', error)
return
}
console.log('Usuários:', data)
} catch (err) {
console.error('Erro de conexão:', err)
}
}
// Chamar a função
buscarUsuarios()
Agora que você configurou o Supabase, está pronto para explorar os casos práticos!