Jazz

# Jazz

## Getting started

### Overview
# Learn some Jazz 

**Jazz is a new kind of database** that's **distributed** across your frontend, containers, serverless functions and its own storage cloud.

It syncs structured data, files and LLM streams instantly, and looks like local reactive JSON state.

It also provides auth, orgs & teams, real-time multiplayer, edit histories, permissions, E2E encryption and offline-support out of the box.

---

## Quickstart

### Show me

[Check out our tiny To Do list example](/docs#a-minimal-jazz-app) to see what Jazz can do in a nutshell.

### Help me understand

Follow our [quickstart guide](/docs/quickstart) for a more detailed guide on building a simple app with Jazz.

### Just want to get started?

You can use [create-jazz-app](/docs/tooling-and-resources/create-jazz-app) to create a new Jazz project from one of our starter templates or example apps:

```sh
  npx create-jazz-app@latest --api-key [email protected]

```

\--- Section applies only to react ---

**Using an LLM?** [Add our llms.txt](/react/llms-full.txt) to your context window!

\--- End of react specific section ---

\--- Section applies only to svelte ---

**Using an LLM?** [Add our llms.txt](/svelte/llms-full.txt) to your context window!

\--- End of svelte specific section ---

\--- Section applies only to react-native ---

**Using an LLM?** [Add our llms.txt](/react-native/llms-full.txt) to your context window!

\--- End of react-native specific section ---

\--- Section applies only to react-native-expo ---

**Using an LLM?** [Add our llms.txt](/react-native-expo/llms-full.txt) to your context window!

\--- End of react-native-expo specific section ---

\--- Section applies only to vanilla ---

**Using an LLM?** [Add our llms.txt](/vanilla/llms-full.txt) to your context window!

\--- End of vanilla specific section ---

**Info:** 

Requires at least Node.js v20\. See our [Troubleshooting Guide](/docs/troubleshooting) for quick fixes.

## How it works

1. **Define your data** with CoValues schemas
2. **Connect to storage infrastructure** (Jazz Cloud or self-hosted)
3. **Create and edit CoValues** locally
4. **Get automatic sync and persistence** across all devices and users

Your UI updates instantly on every change, everywhere. It's like having reactive local state that happens to be shared with the world.

## A Minimal Jazz App

Here, we'll scratch the surface of what you can do with Jazz. We'll build a quick and easy To Do list app — easy to use, easy to build, and easy to make comparisons with!

This is the end result: we're showing it here running in two iframes, updating in real-time through the Jazz Cloud.

Try adding items on the left and watch them appear instantly on the right!

**Info: Using Jazz Cloud** 

These two iframes are syncing through the Jazz Cloud. You can use the toggle in the top right to switch between 'online' and 'offline' on each client, and see how with Jazz, you can keep working even when you're offline.

### Imports

Start by importing Jazz into your app.

```ts
import { co, z } from 'jazz-tools';
import { JazzBrowserContextManager } from 'jazz-tools/browser';

```

### Schema