Bando Documentation

Documentation

Define content with TypeScript, manage it in Studio, and consume it quickly in your website or application.

Bando CMS · v1.0.0

Structure your content. Build faster.

Bando is a headless, TypeScript-first CMS for websites and applications. Define your content in code, manage it in Studio, and consume it through the API or TypeScript client.

Create your first project

Where does Bando fit?

Bando sits in the content layer of your application. Instead of building schemas, storage, management, and content access from scratch, you define the structure once and let Bando handle the rest. Your frontend remains free to use React, Next.js, Vue, or any other stack.

Define

Model your content and fields with TypeScript.

Store

Bando stores documents and makes them available to your application.

Manage

Use Studio to create, edit, and organize your content.

Deliver

Access your content through the API or TypeScript client.

From content to frontend

Imagine you are building a blog. First, define what a post should contain:

import { boolean, defineCollection, text } from "bando-cms";

export const posts = defineCollection({

name: "posts",

description: "Blog articles",

fields: {

title: text({ required: true }),

slug: text({ required: true }),

content: text({ required: true }),

published: boolean(),

});

With these three pieces, you have a reusable content structure and a simple way to consume it in your frontend.

Get started in minutes

If this is your first time using Bando, follow the installation guide. By the end, you will have a local project with Studio ready for creating content and an API ready for your frontend to consume.

Get started with Bando →