Pular para o conteúdo
Rebase Logo Rebase

Introdução

O que é Rebase?

Seção intitulada “O que é Rebase?”

Rebase é um Backend-as-a-Service (BaaS) de código aberto e painel de administração construído com React e TypeScript. Ele oferece tudo o que você precisa para construir aplicações back-office prontas para produção sobre PostgreSQL:

  • Schema as Code — Defina seus modelos de dados como coleções TypeScript. O Rebase gera tabelas PostgreSQL, uma UI CRUD completa, endpoints de API REST e SDKs cliente com tipos seguros a partir de uma única fonte de verdade.
  • Instant Admin Panel — Uma UI de administração bonita e rápida baseada em React, com tabelas de planilha, listas, formulários, quadros Kanban, edição inline e sincronização em tempo real.
  • Integrated Backend — Autenticação (JWT + Google OAuth), armazenamento de arquivos (local ou S3), Segurança em Nível de Linha (RLS), histórico de entidades e WebSocket em tempo real — tudo integrado.
  • Radically Extensible — Se você pode construir em React, pode adicionar ao Rebase. Campos personalizados, visualizações personalizadas, plugins e acesso total a hooks internos.

Como Funciona

Seção intitulada “Como 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)                 │
└──────────────────────────────────────────────────────┘

Início Rápido

Seção intitulada “Início Rápido”
pnpm dlx @rebasepro/cli init my-app
cd my-app

Configure seu banco de dados em .env:

DATABASE_URL=postgresql://user:password@localhost:5432/mydb
JWT_SECRET=your-secret-key

Se você estiver se conectando a um banco de dados existente, poderá fazer a introspecção para gerar automaticamente seus arquivos de coleção:

pnpm rebase schema introspect

Inicie tudo:

pnpm dev

É isso. Seu painel de administração está em http://localhost:5173 e a API em http://localhost:3001.

→ Siga o guia de Início Rápido completo para um passo a passo detalhado.

Funcionalidades Principais

Seção intitulada “Funcionalidades Principais”
FuncionalidadeDescrição
Spreadsheet ViewsTabela rápida e virtualizada com edição inline, filtragem, ordenação e pesquisa de texto
List ViewVisualização de lista vertical limpa e responsiva para coleções
Kanban BoardVisualização em quadro de arrastar e soltar agrupada por qualquer propriedade enum
RelationsUm-para-um, um-para-muitos, muitos-para-muitos com tabelas de junção e junções de múltiplos saltos
Row Level SecurityPolíticas RLS estilo Supabase definidas na configuração da sua coleção
AuthenticationJWT + tokens de atualização, Google OAuth, controle de acesso baseado em função
File StorageSistema de arquivos local ou compatível com S3, com campos de upload e navegador
Real-time SyncAtualizações ao vivo via WebSocket em todos os clientes conectados
Entity HistoryTrilha de auditoria completa para cada criação, atualização e exclusão
REST APIEndpoints CRUD auto-gerados para cada coleção
Data Import/ExportImportação CSV, JSON e Excel com mapeamento de campos; exportação CSV/JSON
Collection EditorEditor de esquema visual que gera TypeScript via manipulação AST
Client SDKSDK JavaScript com tipo seguro para suas aplicações frontend
Plugin SystemEstenda cada parte da UI — barra de ferramentas, formulários, campos, página inicial
AI Data EnhancementPreenchimento automático alimentado por LLM para campos de texto
Cron JobsTarefas em segundo plano agendadas com monitoramento, registro e painel do Studio

Próximos Passos

Seção intitulada “Próximos Passos”