Bando Documentation

Studio

Create, edit, and organize content through Studio without changing your application code.

What is Bando Studio?

Bando Studio is the interface where you create, edit, and organize your project content.

If you are building a website for yourself or a client, content should not require anyone to edit TypeScript files. Bando Studio provides a simple interface for creating and editing documents defined by your collections.

How does Bando Studio relate to your project?

CollectionDefines the structure.
StudioLets you manage documents.
APIProvides the data.

Studio and the API work with the same collections and documents. They are not two separate data systems.

  1. Configure your credentials

    Define the administrator credentials using Bando environment variables.

    BASH
    BANDO_ADMIN_EMAIL = bando@admin.com
    BANDO_ADMIN_PASSWORD = password

    These credentials will be used to sign in to Bando Studio.

  2. Start Bando

    Run the Bando runtime in development mode.

    BASH
    npx bando dev
  3. Open the Studio

    Open the Studio at:

    TEXT
    http://localhost:3333/admin
  4. Sign in

    Use the email and password defined in your environment variables to sign in to the Studio.

  5. Choose a collection

    Studio discovers the collections registered in the runtime, such as posts.

  6. Manage documents

    Creating and editing documents uses the same structures and REST routes provided by Bando.

Learn how to query content →
Studio | Bando