Introducción
¿Qué es Rebase?
Sección titulada «¿Qué es Rebase?»Rebase es un Backend-as-a-Service (BaaS) de código abierto y un panel de administración construido con React y TypeScript. Te proporciona todo lo necesario para crear aplicaciones de back-office listas para producción sobre PostgreSQL:
- Esquema como Código — Define tus modelos de datos como colecciones de TypeScript. Rebase genera tablas de PostgreSQL, una interfaz de usuario CRUD completa, endpoints de API REST y SDKs de cliente con tipos seguros a partir de una única fuente de verdad.
- Panel de Administración Instantáneo — Una interfaz de usuario de administración hermosa y rápida basada en React con tablas de hoja de cálculo, listas, formularios, tableros Kanban, edición en línea y sincronización en tiempo real.
- Backend Integrado — Autenticación (JWT + Google OAuth), almacenamiento de archivos (local o S3), seguridad a nivel de fila (Row Level Security), historial de entidades y WebSocket en tiempo real, todo integrado.
- Radicalmente Extensible — Si puedes construirlo en React, puedes agregarlo a Rebase. Campos personalizados, vistas personalizadas, plugins y acceso total a los hooks internos.
Cómo Funciona
Sección titulada «Cómo Funciona»┌──────────────────────────────────────────────────────┐│ Client Applications ││ ┌──────────────┐ ┌───────────────────────────────┐ ││ │ Your App │ │ Rebase Admin UI │ ││ │ (Any Tech) │ │ Tables / Lists / Kanban │ ││ └──────┬───────┘ └──────────────┬────────────────┘ │└─────────┼──────────────────────────┼─────────────────┘ │ HTTP + WebSocket │ ▼ ▼┌──────────────────────────────────────────────────────┐│ Rebase Backend (Node.js + Hono) ││ ┌─────────┐ ┌──────┐ ┌─────────┐ ┌───────────────┐ ││ │ REST API│ │ Auth │ │ Storage │ │ WebSocket RT │ ││ └────┬────┘ └──┬───┘ └────┬────┘ └──────┬────────┘ │└───────┼─────────┼──────────┼─────────────┼───────────┘ │ │ │ │ ▼ ▼ ▼ ▼┌──────────────────────────────────────────────────────┐│ PostgreSQL (Drizzle ORM) │└──────────────────────────────────────────────────────┘Inicio Rápido
Sección titulada «Inicio Rápido»pnpm dlx @rebasepro/cli init my-appcd my-appConfigura tu base de datos en .env:
DATABASE_URL=postgresql://user:password@localhost:5432/mydbJWT_SECRET=your-secret-keySi te estás conectando a una base de datos existente, puedes realizar la introspección para generar automáticamente tus archivos de colección:
pnpm rebase schema introspectInicia todo:
pnpm devEso es todo. Tu panel de administración se está ejecutando en http://localhost:5173 y la API en http://localhost:3001.
→ Sigue la guía de Inicio Rápido completa para una explicación detallada.
Características Principales
Sección titulada «Características Principales»| Característica | Descripción |
|---|---|
| Vistas de Hoja de Cálculo | Tabla rápida y virtualizada con edición en línea, filtrado, clasificación y búsqueda de texto |
| Vista de Lista | Vista de lista vertical limpia y adaptable para colecciones |
| Tablero Kanban | Vista de tablero de arrastrar y soltar agrupada por cualquier propiedad enum |
| Relaciones | Uno a uno, uno a muchos, muchos a muchos con tablas de unión y uniones de múltiples saltos |
| Seguridad a Nivel de Fila | Políticas RLS al estilo Supabase definidas en la configuración de tu colección |
| Autenticación | JWT + tokens de actualización, Google OAuth, control de acceso basado en roles |
| Almacenamiento de Archivos | Sistema de archivos local o compatible con S3 con campos de carga y navegador |
| Sincronización en Tiempo Real | Actualizaciones en vivo basadas en WebSocket para todos los clientes conectados |
| Historial de Entidades | Rastro de auditoría completo para cada creación, actualización y eliminación |
| API REST | Endpoints CRUD autogenerados para cada colección |
| Importación/Exportación de Datos | Importación de CSV, JSON y Excel con mapeo de campos; exportación de CSV/JSON |
| Editor de Colecciones | Editor de esquema visual que genera TypeScript mediante manipulación AST |
| SDK de Cliente | SDK de JavaScript con tipos seguros para tus aplicaciones frontend |
| Sistema de Plugins | Extiende cada parte de la interfaz de usuario — barra de herramientas, formularios, campos, página de inicio |
| Mejora de Datos con IA | Autocompletado impulsado por LLM para campos de texto |
| Tareas Programadas (Cron Jobs) | Tareas en segundo plano programadas con monitoreo, registro y panel de Studio |
Próximos Pasos
Sección titulada «Próximos Pasos»- Inicio Rápido — Ponlo en marcha en 2 minutos
- Estructura del Proyecto — Comprende el código generado
- Colecciones — Define tu esquema de datos
- Backend — Configura la autenticación, el almacenamiento y la API
- Arquitectura — Comprende cómo encaja todo