gatsby-node.js

const path = require('path');
const { createFilePath } = require('gatsby-source-filesystem');

const docsGenerator = require('./generators/docs');
const exampleGenerator = require('./generators/examples');

const pkg = require('./package.json');

exports.createPages = ({ graphql, actions }) => {
  const { createPage } = actions;

  const generateDocs = docsGenerator(createPage, graphql);
  const generateExamples = exampleGenerator(createPage, graphql);

  return Promise.all([generateDocs, generateExamples]);
};

exports.onCreateNode = ({ node, actions, getNode }) => {
  const { createNodeField } = actions;

  if (node.internal.type === 'Mdx') {
    const value = createFilePath({ node, getNode });

    createNodeField({
      name: 'slug',
      node,
      value,
    });
  }
};

exports.onCreateWebpackConfig = ({ actions, plugins }) => {
  actions.setWebpackConfig({
    resolve: {
      modules: [path.resolve(__dirname, 'src'), 'node_modules'],
      alias: {
        'example-flows': path.resolve(__dirname, 'src', 'example-flows'),
      },
    },
    devServer: {
      host: '0.0.0.0',
    },
    plugins: [
      plugins.define({
        __REACT_FLOW_VERSION__: JSON.stringify(
          pkg.dependencies['react-flow-renderer'].replace('^', '')
        ),
      }),
    ],
  });
};