Visual · Code-backed · Extensible

Rebase Studio

A full-featured admin panel that generates real TypeScript code. Edit visually, ship as code, extend with React.

Schema-as-Code

Visual Schema Editor

Build your data model visually — every change generates clean, version-controlled TypeScript collection files via AST transformation. What you see is what gets committed.

  • 20+ built-in field types (text, number, date, enum, map, array, reference…)
  • Relation editor with cardinality, direction, and cascade controls
  • RLS security rules defined per collection
  • Validation rules with Zod schema generation
Name
Text fieldstring
Image
File uploadstring
Category
Select/enumstring
Available
Switchboolean
price
This property is defined as a property builder in code
Currency
Select/enumstring
Public
Switchboolean
Brand
Text fieldstring
Description
Markdownstring
Amazon link
Urlstring
Publisher
Groupmap
Name
Text fieldstring
External id
Text fieldstring
Images
Multiple file uploadarray
Related products
Multiple referencesarray
Available locales
Multi select (enum)array
Uppercase Name
Text fieldstring
Tags
Repeat/listarray
Added on
Date/timedate
spanish_title
This field is defined as an additional field in code
Metadata
Key-valuemap
Text field

Simple short text

Hide from collection
Read only
Select a property widget

Simple short text

Text with multiple lines

Text with advanced markdown syntax

Text with URL validation

Text with email validation

The value refers to a different collection (it is saved as a string)

Boolean true or false field (or yes or no, 0 or 1...)

Select one text value from within an enumeration

Select multiple text values from within an enumeration

Select a number value from within an enumeration

Select multiple number values from within an enumeration

Select a user from the user management system. Store the user ID.

Simple number field with validation

Input for uploading single files

Input for uploading multiple files

The value refers to a different collection (it is saved as a reference)

Multiple values that refer to a different collection

A date time select field

Group of multiple fields

Flexible field that allows the user to add multiple key-value pairs

A complex field that allows the user to compose different fields together, with a key/value format

A field that gets repeated multiple times (e.g. multiple text fields)

Built-in SQL View

SQL Editor

Write and execute SQL directly against your Postgres database from the admin UI. Schema-aware autocomplete, result previews, and query history — all integrated.

  • Monaco-based editor with syntax highlighting
  • Schema browser sidebar with table/column introspection
  • Inline result table with sorting and pagination
  • Saved snippets and query history
Row-Level Security

RLS Policy Editor

Manage Postgres Row-Level Security visually. Define policies per table, sync them between code and database, and see live status at a glance.

  • Enable/disable RLS per table with one click
  • Visual USING and WITH CHECK clause editor (Monaco)
  • Sync code-based policies with live database
  • PERMISSIVE / RESTRICTIVE modes, role targeting
Code-as-Config

Collection Editor

Every visual change generates clean, version-controlled TypeScript via AST transformation. What you see in the UI is what gets committed to your repo.

  • Visual edits write to real TypeScript files
  • Full collection config: properties, callbacks, security rules
  • Zod schema generation for runtime validation
Collection Editor
orders.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import { buildCollection } from "@rebasepro/core";

export const orders = buildCollection({
  name: "Orders",
  properties: {
    customer: { type: "string", name: "Customer" },
    total:    { type: "number", name: "Total" },
    status:   { type: "string",
      enum: { pending: "Pending",
              shipped: "Shipped",
              delivered: "Delivered" } },
  },
  securityRules: [/* ... */],
  callbacks: { onSave: /* ... */ }
});

Every visual change writes back to this file via AST transformation.

Kanban Boards

Drag-and-Drop Management

Organize records visually by status, priority, or any enum field. Every drag writes directly to Postgres — no sync layer needed.

  • Group by any enum or status field
  • Drag-and-drop to update records instantly
  • Inline card preview with key fields
  • Switch between Kanban and table views
Block Editor

Notion-Style Rich Text

A block-based editor for long-form content. Headings, lists, images, code blocks, callouts — all stored as structured JSON in your database.

  • Block-based editing with slash commands
  • Images, code blocks, callouts, and embeds
  • Structured JSON output for API consumption
  • Inline formatting: bold, italic, links, and more
File Storage

Digital Asset Manager

Upload, organize, and preview files directly from the admin panel. Assets are auto-linked to your database records with built-in metadata rendering.

  • Drag-and-drop file upload
  • Folder organization and navigation
  • Image, video, and document preview
  • Auto-linked to collection records

More Studio Features

Everything you need to build and operate your admin panel.

Posts Scheme
id
uuid
title
text

Visual Schema Builder

Create and modify tables, columns, and relationships through a visual interface.

Row Level Security
role === 'admin'ALL
role === 'editor'SELECT, UPDATE
public
DENIED

Row Level Security

Define granular permissions per role, per table — enforced natively in PostgreSQL.

Spreadsheet View
namestatusviews
Aliceactive1,542
Bobdraft892
Carolactive234

Spreadsheet View

Inline editing, sorting, filtering, and bulk actions — like a supercharged spreadsheet for your database.

Entity History
alice updated status
2 min ago
bob created record
15 min ago
carol deleted row #42
1 hour ago

Entity History

Full audit trail of every change. See who modified what, when, and revert to any previous state.

Users & Roles
A
alice@co.com admin
B
bob@co.com editor
C
carol@co.com viewer

Users & Roles

Manage users, assign roles, and configure role-based access control from the admin panel.

Import & Export
users.csv 2,481 rows
orders.json 892 rows
75%

Import & Export

Bulk import from CSV/JSON with field mapping. Export any collection with a single click.

Schema Visualizer
users
orders
products
tags

Schema Visualizer

Interactive ERD showing tables, columns, and relationships in a visual diagram.

Database Branches
main active
feat/auth 2h ago
staging 1d ago

Database Branches

Create isolated database copies for development. Branch, experiment, and merge safely.

JS Console
const sdk = rebase();
const users = await sdk
.collection("users")
.find({ role: "admin" });
// → 3 results

JS Console

Run JavaScript with the Rebase SDK in a live sandbox. Test queries and automate tasks.

Cron Jobs
daily-cleanup 0 3 * * *
sync-emails */15 * * * *
gen-reports 0 8 * * 1

Cron Jobs

Monitor and manage scheduled background tasks. View logs, status, and run history.

API Explorer
GET /api/users
POST /api/orders
PUT /api/users/:id

API Explorer

Interactive API documentation with live request testing. Browse and try every endpoint.

See Rebase Studio in action