Integration

Gatsby

Gatsby is a React-based static site generator. Here we will see how we can use our Headless CMS to power the contents for your Gatsby site. To get started, you first need to install the Dialogue Wise plugin like this:

npm install --save gatsby-source-dialoguewise

Next, you need to configure it in your gatsby-config.js.

module.exports = {
  plugins: [    
    {
      resolve: `gatsby-source-dialoguewise`,
      options: {
        apiKey: 'YOUR_API_KEY',
        emailHash: 'YOUR_EMAIL_HASH',
        dialogues: [
            {
                slug: '[The Slug]',
                isPilot: false,
                //Any variables you need to pass
                variableList: {
                    '@wheel': 2
                },
            },
        ],
      },
    },
  ],
}