DatoCMS Developer Docs

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
    }
  }`,
});

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);

# 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
    }
  }
}

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);
  },
});