Eu começo este guia descrevendo o que é Supabase e o que você precisa ter alinhado para iniciar rapidamente. Minha abordagem foca em passos práticos, evitando complexidade desnecessária.

• Conhecimento de JavaScript/TypeScript
• Ambiente Node.js ou navegador moderno
• Conceitos básicos de PostgreSQL (tabelas, consultas, chaves)
• Conta no Supabase e criação de um projeto

Na prática, euConfiguro o projeto no painel do Supabase, obtenho a URL do projeto e a chave anon pública, e configuro o cliente JS para começar a consumir as APIs.

// Exemplo de configuração com ES Modules
import { createClient } from '@supabase/supabase-js';

const SUPABASE_URL = 'https://xyz.supabase.co';
const SUPABASE_ANON_KEY = 'public-anon-key';

export const supabase = createClient(SUPABASE_URL, SUPABASE_ANON_KEY);

// Exemplo de uso básico
const { data, error } = await supabase
  .from('profiles')
  .select('id, username')
  .eq('id', 1);

Eu demonstro como usar o módulo de Auth para sign-up, sign-in e gestão de sessões. A abordagem abrange fluxos comuns de usuário, recuperação de senha e persistência de sessão.

• Sign up com email/senha
• Sign in e manutenção de sessão
• Gerenciamento de tokens

// Exemplo de autenticação com email/senha
const { user, error } = await supabase.auth.signUp({
  email: 'usuario@exemplo.com',
  password: 'SenhaSegura123!'
});

// login
const { session, user: u, error } = await supabase.auth.signIn({
  email: 'usuario@exemplo.com',
  password: 'SenhaSegura123!'
});

A seguir, eu explico como definir tabelas no PostgreSQL via Supabase, inserir dados e aplicar regras de acesso com Row Level Security (RLS) para governar quem pode ver o quê.

• Crie tabelas simples (ex.: profiles)
• Inserção e consulta via API
• Políticas RLS para restringir acessos

// Exemplo de criação de tabela e insert via SQL (executado no SQL Editor do painel)
CREATE TABLE profiles (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  username TEXT NOT NULL,
  email TEXT UNIQUE NOT NULL
);

INSERT INTO profiles (username, email) VALUES ('joao', 'joao@exemplo.com');