Si ya conoces FlutterFlow para el frontend de tu app, el siguiente paso natural es elegir el mejor backend. Firebase es la opción por defecto, pero Supabase se ha convertido en una alternativa superior para muchos proyectos gracias a su base de datos PostgreSQL, su potente sistema de autenticación y su generoso plan gratuito.
¿Por qué Supabase en lugar de Firebase?
Firebase usa Firestore, una base de datos NoSQL orientada a documentos. Supabase usa PostgreSQL, la base de datos relacional más robusta del mundo. Esto significa que puedes hacer consultas SQL complejas, relaciones entre tablas y lógica de datos mucho más sofisticada.
- Plan gratuito más generoso: 500MB de base de datos, 1GB de storage, 50,000 MAU.
- Base de datos relacional: tablas, foreign keys, joins y SQL completo.
- Row Level Security (RLS): control de acceso a nivel de fila, directamente en la base de datos.
- Open source: puedes hacer self-hosting si necesitas más control.
- Edge Functions: lógica serverless en el borde, sin servidor propio.
Paso 1: Crea tu proyecto en Supabase
Ve a supabase.com y crea una cuenta gratuita. Una vez dentro, haz clic en "New Project" y elige un nombre, contraseña para la base de datos y la región más cercana a tus usuarios (para Latinoamérica: us-east-1 o sa-east-1).
En pocos minutos tendrás tu proyecto listo con URL de API y anon key disponibles en Settings → API.
Paso 2: Crea tus tablas
En el dashboard de Supabase ve a "Table Editor" y crea tus tablas. Por ejemplo, para una app de tareas crea una tabla tasks con las columnas: id, title, description, user_id, created_at, completed.
Supabase crea automáticamente la columna id (UUID) y created_at. Solo necesitas agregar las columnas propias de tu negocio.
Paso 3: Conecta Supabase con FlutterFlow
- En FlutterFlow, ve a "Settings" → "Supabase".
- Pega tu Supabase URL y el Anon Key (los encuentras en Settings → API de tu dashboard de Supabase).
- Haz clic en "Connect" — FlutterFlow importará automáticamente todas tus tablas.
- Ahora puedes hacer queries a Supabase directamente desde los widgets de FlutterFlow.
Paso 4: Configura la autenticación
Supabase tiene un sistema de autenticación propio que FlutterFlow soporta de forma nativa. En FlutterFlow activa "Supabase Auth" en la sección de Authentication y configura los proveedores que quieres: Email/Password, Google, Apple, etc.
Supabase Auth crea automáticamente la tabla auth.users y gestiona las sesiones. Puedes extender el perfil de usuario creando una tabla profiles con foreign key a auth.users.id.
Paso 5: Row Level Security (RLS)
El RLS es la función más poderosa de Supabase. Te permite definir reglas de acceso a nivel de fila directamente en la base de datos. Por ejemplo: "los usuarios solo pueden ver sus propias tareas".
Para activarlo: en Table Editor, selecciona tu tabla, ve a "RLS" y actívalo. Luego crea una policy como:
SELECT: auth.uid() = user_idEsto significa: solo puedes ver filas donde el user_id coincida con tu usuario autenticado.
Paso 6: Storage para archivos
Supabase Storage te permite guardar imágenes, PDFs y cualquier archivo directamente desde FlutterFlow. Ve a "Storage" en Supabase, crea un bucket y configura sus permisos. En FlutterFlow usa la acción "Upload File to Supabase Storage" para subir archivos desde la app.
La combinación FlutterFlow + Supabase te da un stack completo y profesional para crear apps escalables, seguras y con base de datos relacional, todo sin escribir código. Es el stack que usamos en PlanetaNoCode para la mayoría de proyectos de clientes.
Aprende FlutterFlow + Supabase en profundidad
Nuestro curso de FlutterFlow en Udemy incluye un módulo completo de integración con Supabase y proyectos reales.
Ver curso en Udemy →