オブジェクトをフラットにしたり、フラットなオブジェクトを元に戻したりするJS
lodash の zipObjectDeep に依存
CakePHPのHash::flatten のようなもの
zipObjectDeep で展開するため、キーの構成は Hash::flatten とは異なる

import _ from 'lodash';

const numberRE = /^(?:0|[1-9][0-9]*)$/;
const flatten = (originalData) => {
  const result = {};
  const stack = [];
  let paths = [];
  let data = JSON.parse(JSON.stringify(originalData));
  while(true) {
    data = { ...data };
    const key = Object.keys(data).shift();
    if (key) {
      const element = data[key];
      delete data[key];

      if (element !== null && typeof element === 'object' && Object.keys(element).length) {
        if (data) {
          stack.push([data, [...paths]]);
        }
        data = element;
        
        if (numberRE.test(key)) {
          if (paths.length && paths[paths.length - 1] === '.') {
            paths.pop();
          }
          paths.push(`[${key}]`);
        } else {
          paths.push(key);
        }
        paths.push('.');
      } else {
        result[`${paths.join('')}${key}`] = element;
      }
    }

    if (!Object.keys(data).length) {
      if (stack.length) {
        [data, paths] = stack.shift();
      } else {
        break;
      }
    }
  }
  
  return result;
}

const expand = (data) => {
  const keys = [];
  const values = [];
  const dataKeys = Object.keys(data);
  
  let key = dataKeys.shift();
  while(key) {
    keys.push(`result.${key}`);
    values.push(data[key]);
    key = dataKeys.shift();
  }

  const { result } = _.zipObjectDeep(keys, values);
  
  return result;
}

1. Prismicで用意されているサンプルを動く環境を構築する
   https://prismic.io/docs/technologies/sample-blog-with-prismic-and-gatsby を参考にPrismicとGatuby.jsの設定をする
   ※2021/01/23時点、リンク先に通りに作成したらgatsby-node.js 等でエラーが出るので自分で解消する必要がある

2. Netlifyに設定を追加する
   基本的には、GatsbyCloudの設定と同じで、環境変数やWebhookの設定を適宜NetlifyのものにすればOK