Herramientas de Studio

Overview

Rebase tiene dos modos:

• Modo Contenido — Para editores de contenido y equipos de operaciones. Muestra colecciones y gestión de datos.
• Modo Studio — Para desarrolladores. Desbloquea herramientas orientadas a desarrolladores.

Alterna entre modos usando el controlador de modo de administración o el interruptor de UI en la barra de la aplicación.

Herramientas de Studio Integradas

Collection Editor

Un editor visual de esquemas que te permite crear y modificar colecciones a través de una interfaz de usuario de arrastrar y soltar. Cuando guardas los cambios, utiliza ts-morph para actualizar tus archivos fuente de TypeScript mediante manipulación de AST — preservando todo el código existente y la lógica personalizada.

import { RebaseCMS } from "@rebasepro/cms";

// The Collection Editor is automatically enabled when you provide the
// collectionEditor configuration to your RebaseCMS component
<RebaseCMS
    collections={collections}
    collectionEditor={{
        getAuthToken: authController.getAuthToken
    }}
/>

Herramientas integradas

Se incluyen con Studio y RebaseStudio las carga de forma diferida — cada una es un chunk aparte, que se descarga la primera vez que la abres. No se pueden importar por separado: @rebasepro/studio exporta deliberadamente solo el orquestador, de modo que una consola que nunca abres no cuesta nada.

Pestaña	Slug	Qué hace
Consola SQL	sql	Ejecuta SQL directo contra tu base de datos PostgreSQL y lee los resultados en una tabla
Consola JS	js	Escribe y ejecuta JavaScript a través del SDK de Rebase
Editor de políticas RLS	rls	Inspecciona y gestiona las políticas de Row Level Security de tus tablas
Navegador de almacenamiento	storage	Explora, sube y gestiona archivos en tus backends de almacenamiento

Añadir vistas de Studio

Las herramientas de Studio están automáticamente disponibles cuando incluyes el componente RebaseStudio dentro de tu aplicación:

import { RebaseStudio } from "@rebasepro/studio";

export function App() {
    return (
        <Rebase client={client} authController={authController}>
            {/* Custom views are injected and studio mode is managed automatically */}
            <RebaseStudio />
            {/* ... */}
        </Rebase>
    );
}

Estas vistas aparecen en la navegación de la barra lateral cuando el modo Studio está activo.

Próximos Pasos

• Plugins — Extiende el framework con plugins
• Colecciones — Configuración de colecciones

---