Preview Kentico Cloud content with Gatsby

Question

I am setting up a Gatsby website using Kentico Cloud as the headless CMS, the only issue is that it seems not possible to preview the kentico cloud content with the gatsby.

one of great feature from kentico cloud is that it has built-in workflow, which is great for company need approval before publish. There will be the situation that the approver want to view what it looks like in gatsby website, instead of just the content in kentico cloud before they approve it.

Answer 1

It is definitely possible to set up the preview with Kentico CLoud Gatsby source plugin.

All of the properties from JavaScript SDK configuration object could be passed to the Gatsby configuration.

So the configuration for the preview would look like this:

module.exports = {
  ...
  plugins: [
    ...
    {
      resolve: `gatsby-source-kentico-cloud`,
      options: {
        deliveryClientConfig: { // Configuration object
          projectId: `XXX`,
          previewApiKey: `YYY`,
          enablePreviewMode: true,
          typeResolvers: []
        },
        languageCodenames: [ // example language configuration
          `en-US`, // default language
          `es-ES`,
        ]
      }
    }
    ...
  ]
  ...
}