Developers Hub — Rebase Architecture
* Open Source Schema-as-Code Framework

Your admin panel shouldn't make you write CRUD.

Define your data schema in pure TypeScript. Rebase instantly handles database migrations, generates API endpoints, and delivers a premium React admin console.

> pnpm dlx @rebasepro/cli init

Trusted by engineering teams at forward-thinking companies

Universal SDK autocomplete & API response Type-Safe
Isomorphic Drizzle-Like SDK

A Truly Typed SDK

Query database records cleanly with deep relational joins, zero N+1 query loops, and compile-time type validation mapping your database schemas.

AST Code Mutation

Schema-as-Code & Sync

Define collections in pure TypeScript schema models. Visual additions automatically execute AST mutations, writing code directly back to your repository.

Active Driver: drizzle-kit push:pg
schema/posts.ts
import { buildCollection, buildProperty } from "@rebasepro/common"; export const posts = buildCollection({ name: "Posts", properties: { id: buildProperty({ type: "string" }), title: buildProperty({ type: "string" }), status: buildProperty({ type: "string" }) } });
WebSocket Realtime

Live Data. Zero Polling.

Subscribe to table changes, broadcast to channels, and track user presence — all through the typed SDK. Changes propagate instantly via WebSocket with automatic reconnection and RLS enforcement.

// Subscribe to live changes
const unsub = rebase.data.users
.listen((event) => {
// INSERT | UPDATE | DELETE
console.log(event.type, event.record);
});
// Broadcast channels
const channel = rebase.realtime
.channel("room:lobby")
.on("message", handler)
.subscribe();
Live data preview Realtime
Postgres Row-Level Security

Visual Database Security Policies

Write database security rules visually inside the admin console. Presets automatically compile to Postgres-compliant SQL and sync live with Postgres.

rebase-console / policies_manager.sql
Security Engine Active
Isomorphic Architecture

One SDK. Every environment.

The same @rebasepro/client runs natively in your serverless functions, your user-facing apps, and your Node.js backend. Zero wrappers. Pure developer ergonomics.

Serverless & Edge
Cloudflare Workers, Vercel Edge
// Run on serverless runtime
const { data } = await
rebase.data.posts.find({
orderBy: "createdAt:desc"
});
Frontend Apps
React, Next.js, Remix, Astro
// Client-side app data query
const { data } = await
rebase.data.posts.find({
orderBy: "createdAt:desc"
});
Backend Services
Node.js, Express, Hono, Fastify
// Node backend servers
const { data } = await
rebase.data.posts.find({
orderBy: "createdAt:desc"
});

Same client library. Shared schema TS models. Unified authorization policies. Zero adapters.

Explore SDK reference
CLI

One CLI for the full lifecycle

Scaffold, introspect, migrate, generate SDKs, and run dev servers — all from one tool.

setup rebase init

Scaffold a new project with Postgres, auth, and admin panel

schema rebase schema generate

Generate Drizzle ORM schema from your TypeScript collections

schema rebase schema introspect

Introspect an existing Postgres database into collection definitions

db rebase db push

Apply schema changes directly to the database (dev shortcut)

db rebase db generate

Generate SQL migration files from schema diff

db rebase db migrate

Run all pending migrations against the database

sdk rebase generate-sdk

Generate a typed database.types.ts for end-to-end type safety

dev rebase dev

Start frontend + backend concurrently with hot reload

React Extensibility

Custom Views & Widget Extensions

Register any standard React components directly into document schema fields, or build full custom dashboards using our built-in hooks to query data, handle errors, and manage transactions.

Custom Field Widgets

Register any standard React components directly into document schema fields. Rebase automatically binds value states and inputs without complex templates.

schema/fields_widgets.tsx
import { buildProperty } from "@rebasepro/common"; import { ColorPicker } from "./widgets"; export const brand = buildProperty({ name: "Brand Color", type: "string", ui: { Field: ColorPicker }, validation: { required: true } });
src/components/ProductDetailPreview.tsx
typescript
export function ProductDetailPreview({ modifiedValues }: {
    modifiedValues?: EntityValues<Product>;
}) {
    const snackbarController = useSnackbarController();
    const [quantity, setQuantity] = React.useState(1);

    if (!modifiedValues) {
        return <CenteredView>Please add some data to see the preview</CenteredView>;
    }

    const { name, price, description, images } = modifiedValues;
    const mainImage = images?.[0];

    return (
        <div className="p-8">
            <div className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
                {/* Product Image */}
                {mainImage && (
                    <img alt="Product" className="aspect-square object-cover w-full rounded-lg" src={mainImage} />
                )}
                {/* Details */}
                <div className="grid gap-4 content-center">
                    <h1 className="text-3xl font-bold">{name ?? "Product name"}</h1>
                    <div className="text-3xl font-semibold">\${price}</div>
                    <Markdown source={description ?? ""} />
                    <QuantitySelect onSelected={(qty) => snackbarController.open({
                        type: "success",
                        message: \`Added \${qty} items to cart\`
                    })}/>
                </div>
            </div>
        </div>
    );
}
Live Component Preview
Pro Studio Headphones
In Stock

Pro Studio Headphones

SKU: HEAD-X200

$299

Studio-grade sound with active noise cancellation, 40-hour battery, and premium carbon fibre build.

Qty
1
Full-Stack Architecture

Every layer. One framework.

From database drivers to the CLI — Rebase is a modular, layered architecture where every piece is designed to work together. Hover on any item to learn more.

Security

Your data. Your infrastructure.

Self-hosted, open-source, zero vendor lock-in. Deploy anywhere, stop anytime — your data stays exactly where it is.

100% Data Ownership

Your data lives in your own PostgreSQL. Rebase never stores, accesses, or controls your content.

Multi-Layer Security

RBAC at the app layer, RLS at the database layer, JWT auth, and your own network controls.

Transparent & Auditable

MIT-licensed open source. Audit every line. No hidden servers, no telemetry, no surprises.

GDPR Ready

You're the data controller. Fulfill requests directly from your database.

Data Residency

Choose your PostgreSQL deployment region for compliance.

Zero Vendor Lock-in

Stop using Rebase anytime. Your data stays exactly where it is.

Alternatives

Replaces your product stack

Instead of patching together half a dozen services and paying per-seat developer licenses, Rebase provides a unified, open-source stack that runs on your database.

Alternative to Supabase & Firebase

Unlike closed-ecosystem BaaS platforms, Rebase is fully database-agnostic and connects directly to your existing database. You own your infrastructure, data, and schema definitions in clean TypeScript.

Alternative to Directus & Strapi

No opaque database alterations or proprietary configuration stores. Rebase works with schema-as-code: define your models in TypeScript and get real migration files.

Alternative to Retool & Internal Tools

No per-seat developer pricing or vendor lock-in. Rebase is an open-source React application. Extend it naturally with standard React components, version-control it with Git, and self-host for free.

Ready to build?

Dive into our open-source framework. Install the CLI tool, initialize your workspace, and start designing your next dashboard layout.

Read installation guides