Documentation

# DatoCMS Developer Docs

Build with the headless CMS for the modern web!

Search or Ask AI…CtrlK

Quickstarts

Pick your framework

Ship your first page in 5 min

[Next.js](https://www.datocms.com/docs/next-js.md)[Nuxt](https://www.datocms.com/docs/nuxt.md)[SvelteKit](https://www.datocms.com/docs/svelte.md)[Astro](https://www.datocms.com/docs/astro.md)

01 · APIs

## Four APIs to build with

[

### Content Delivery API

GraphQL

Read published content from any front-end via a fast, cached GraphQL endpoint.

`@datocms/cda-client`](https://www.datocms.com/docs/content-delivery-api.md)[

### Content Management API

REST

Create, update, and publish records programmatically through a typed client.

`@datocms/cma-client`](https://www.datocms.com/docs/content-management-api.md)[

### Asset API

CDN

Upload, transform, and serve images, video, and files from a global CDN.

](https://www.datocms.com/docs/asset-api.md)[

### Real-time Updates API

SSE

Stream live content changes to power instant previews and live published views.

`datocms-listen`](https://www.datocms.com/docs/real-time-updates-api.md)

Content Delivery API graphql.datocms.com

```ts
import { buildClient } from '@datocms/cda-client';

const client = buildClient({
  apiToken: process.env.DATOCMS_TOKEN,
});

const { allPosts } = await client.request({
  query: `{
    allPosts(first: 10) {
      id title slug _publishedAt
    }
  }`,
});
```

```ts
import { buildClient } from '@datocms/cma-client';

const client = buildClient({
  apiToken: process.env.DATOCMS_CMA_TOKEN,
});

const post = await client.items.create({
  item_type: Schema.BlogPost.REF,
  title: 'Hello, world',
  slug: 'hello-world',
});

await client.items.publish(post.id);
```

Terminal window

```bash


# Upload a file via the CMA, then transform via the CDN.
curl https://www.datocms-assets.com/12345/hero.jpg \
  ?fit=crop&w=1200&h=630&auto=format

# Or in GraphQL — responsive variants from the CDA:
{
  hero {
    responsiveImage(imgixParams: {
      w: 400, h: 400, fit: crop
    }) {
      src srcSet sizes width height alt blurUpThumb
    }
  }
}
```

```ts
import { subscribeToQuery } from 'datocms-listen';

const unsubscribe = await subscribeToQuery({
  query: `{ allPosts { id title } }`,
  token: process.env.DATOCMS_TOKEN,
  includeDrafts: true,
  onUpdate: ({ response }) => {
    console.log('content changed', response.data);
  },
});
```

Hover any API to switch snippet [Open full reference →](https://www.datocms.com/docs/content-delivery-api.md)

02 · AI & Automation

## Build with AI. Ship to AI.

[

### Agent Skills new

Skills that turn AI coding agents into DatoCMS experts.

](https://www.datocms.com/docs/agent-skills.md)[

### MCP Server new

One connection. Every AI assistant can read and update your content.

](https://www.datocms.com/docs/mcp-server.md)[

### Translating with AI

Auto-translate field content at publish time.

](https://www.datocms.com/docs/translating-content-with-ai.md)[

### LLM-ready docs

llms.txt, per-page .md endpoints, agent-friendly retrieval.

](https://www.datocms.com/docs/llm-ready-docs.md)

03 · Build

## Features & extensions

[

### Visual Editing

Real-time edit overlays on the front-end.

](https://www.datocms.com/docs/visual-editing.md)[

### Structured Text

The dast format, renderers, migration from rich text.

](https://www.datocms.com/docs/structured-text/dast.md)[

### Plugin SDK

Field extensions, sidebars, dropdowns, hooks.

](https://www.datocms.com/docs/plugin-sdk/introduction.md)[

### Site Search

Configuration, crawling, React & Vue widgets.

](https://www.datocms.com/docs/site-search.md)[

### Streaming Videos

HLS vs MP4, Mux analytics, player config.

](https://www.datocms.com/docs/streaming-videos/how-to-stream-videos-efficiently.md)[

### Webhooks

Subscribe to record / model / asset events.

](https://www.datocms.com/docs/general-concepts/workflows.md)

04 · Operate

## Run in production

[

### DatoCMS CLI

Env management, codegen, profiles.

](https://www.datocms.com/docs/cli.md)[

### Envs & migrations

Sandbox, primary, scripting migrations with the CLI.

](https://www.datocms.com/docs/scripting-migrations/introduction.md)[

### Import & Export

Contentful import, WordPress import, enterprise exports.

](https://www.datocms.com/docs/import-and-export/export-data.md)[

### SSO & security

Conceptual primer for the CMA SSO endpoints.

](https://www.datocms.com/marketplace/enterprise.md)[

### Audit Logs

Who did what, when. Compliance-ready.

](https://www.datocms.com/docs/general-concepts/audit-logs.md)[

### Custom asset domains

Serve assets from your own domain.

](https://www.datocms.com/docs/custom-asset-domains.md)

05 · Community

## Tutorials, livestreams & talks

[

A curated library of community tutorials, conference talks, and livestream recordings from the DatoCMS team and folks shipping with it every day.

Browse the library→](https://www.datocms.com/docs/community-tutorials.md)

06 · More

## Other resources

[

### Agency Partner Program

For agencies building on DatoCMS.

](https://www.datocms.com/docs/agency-partner-program.md)[

### Plans & pricing

Billing, plans, upgrades.

](https://www.datocms.com/docs/plans-pricing-and-billing.md)

## Related content in "Related content"

- [General concepts](https://www.datocms.com/docs/general-concepts.md)
- [Content modelling](https://www.datocms.com/docs/content-modelling.md)
- [Overview](https://www.datocms.com/docs/overview/overview-of-datocms-apis.md)
- [Content Delivery API](https://www.datocms.com/docs/content-delivery-api.md)
- [Content Management API](https://www.datocms.com/docs/content-management-api.md)
- [Asset API](https://www.datocms.com/docs/asset-api/images.md)
- [Real-time Updates API](https://www.datocms.com/docs/real-time-updates-api.md)
- [Agent Skills](https://www.datocms.com/docs/agent-skills.md)
- [MCP Server](https://www.datocms.com/docs/mcp-server.md)
- [LLM-ready docs](https://www.datocms.com/docs/llm-ready-docs.md)
- [Translating content with AI](https://www.datocms.com/docs/translating-content-with-ai.md)
- [Visual Editing](https://www.datocms.com/docs/visual-editing.md)
- [Working with Structured Text](https://www.datocms.com/docs/structured-text/dast.md)
- [Plugin SDK](https://www.datocms.com/docs/plugin-sdk/introduction.md)
- [DatoCMS Site Search](https://www.datocms.com/docs/site-search.md)
- [Streaming Videos](https://www.datocms.com/docs/streaming-videos/how-to-stream-videos-efficiently.md)
- [DatoCMS CLI](https://www.datocms.com/docs/cli.md)
- [Environments and migrations](https://www.datocms.com/docs/scripting-migrations/introduction.md)
- [Import and Export](https://www.datocms.com/docs/import-and-export/export-data.md)
- [Custom asset domains](https://www.datocms.com/docs/custom-asset-domains.md)
- [Pro tips](https://www.datocms.com/docs/pro-tips.md)
- [Next.js](https://www.datocms.com/docs/next-js.md)
- [Nuxt](https://www.datocms.com/docs/nuxt.md)
- [SvelteKit](https://www.datocms.com/docs/svelte.md)
- [Astro](https://www.datocms.com/docs/astro.md)
- [Remix](https://www.datocms.com/docs/remix/get-started.md)
- [Agency Partner Program](https://www.datocms.com/docs/agency-partner-program.md)
- [Plans, pricing and billing](https://www.datocms.com/docs/plans-pricing-and-billing.md)
- [Community Videos](https://www.datocms.com/docs/community-tutorials.md)