Contáctanos
Webflow Premium Partner Ehab Fayez
Volver a Agent Skills
Datos y Analítica

Supabase Database & Realtime

Construye sobre Supabase PostgreSQL con APIs autogeneradas, suscripciones en tiempo real y edge functions.

Claude Code Cursor Copilot Windsurf Gemini CLI

Descripción General

Supabase proporciona una plataforma backend completa construida sobre PostgreSQL, ofreciendo APIs REST y GraphQL autogeneradas, suscripciones en tiempo real vía WebSockets, almacenamiento de archivos, edge functions y autenticación. La librería cliente de JavaScript proporciona un constructor de consultas fluido que genera consultas SQL automáticamente, con soporte completo de TypeScript mediante tipos generados.

El constructor de consultas soporta filtrado, ordenamiento, paginación y joins entre tablas usando relaciones de clave foránea. Las suscripciones en tiempo real permiten a los clientes escuchar eventos INSERT, UPDATE y DELETE en tablas o filas específicas, habilitando dashboards en vivo, aplicaciones de chat y funcionalidades colaborativas. Las políticas de Row Level Security (RLS) aseguran que los eventos en tiempo real respeten las reglas de control de acceso.

Las edge functions de Supabase se ejecutan en Deno Deploy, proporcionando cómputo serverless cerca de los usuarios. La plataforma incluye soporte integrado para embeddings vectoriales (pgvector), búsqueda de texto completo, webhooks de base de datos y tareas cron. Las migraciones de base de datos se gestionan a través del CLI de Supabase, que proporciona un entorno de desarrollo local que replica producción. La plataforma es de código abierto y puede ser autohospedada.

¿Para Quién Es?

  • Construir una API CRUD sin escribir código backend
  • Implementar suscripciones en tiempo real para actualizaciones de datos en vivo
  • Configurar Row Level Security para aplicaciones multi-tenant
  • Generar tipos TypeScript desde el esquema de tu base de datos

Instalación

Configurar Claude Code
npm install @supabase/supabase-js

Configuración

import { createClient } from "@supabase/supabase-js"

const supabase = createClient(
  process.env.SUPABASE_URL!,
  process.env.SUPABASE_ANON_KEY!
)

// Query with filters
const { data, error } = await supabase
  .from("posts")
  .select("*, author:users(name)")
  .eq("published", true)
  .order("created_at", { ascending: false })
  .limit(10)

// Realtime subscription
supabase.channel("posts").on("postgres_changes",
  { event: "INSERT", schema: "public", table: "posts" },
  (payload) => console.log("New post:", payload.new)
).subscribe()