Gatsby Book Launch

“The missing guide to the modern web” launches on Thursday, Sep 29th: Modular: The Web’s New Architecture

ContactSign Up for Free
Community Plugin
View plugin on GitHub

gatsby-source-cloudcms

Source plugin for adding your cloudcms content and attachments into your Gatsby.js site

Install

npm install gatsby-source-cloudcms
or
yarn add gatsby-source-cloudcms

Usage

// In your gatsby-config.js
const gitanaJson = require('./gitana.json');

module.exports = {
  plugins: [
    {
      resolve: `gatsby-source-cloudcms`,
      options: {
        keys: gitanaJson,
        repositoryId: `myRepositoryId`,
        branchId: `myBranchId`
      }
    }
  ]
}

Note that you will need to provide API Keys to cloudcms, as well as a repositoryId and branchId (Help).

You can additionally provide a contentQuery to options with MongoDB syntax to specify what subset of your content to source. For example, if my site only contained content of type store:book and store:author, I could use the following contentQuery:

{
    "_type": {
        "$in": ["store:book", "store:author"]
    }
}

More on queries

Example CloudCMS Gatsby Site

© 2022 Gatsby, Inc.