static.config.js

import path from "path";

const fs = require("fs");
let jsonData = JSON.parse(
  fs.readFileSync("./server/resources/readme.json", "utf-8")
);

function getOtherPages() {
  const pages = jsonData.children
    .map((list) => {
      const itemPages = list.children.map((item) => ({
        path: `${list.link}/${item.link}`,
        template: "src/containers/sublist",
        getData: () => ({
          item,
          breadcrumbs: [
            { title: list.title, link: list.link },
            { title: item.title, link: `${list.link}/${item.link}` },
          ],
          id: `${list.link}/${item.link}`,
        }),
      }));
      return itemPages;
    })
    .flat();
  return pages;
}

export default {
  getRoutes: async () => {
    return [
      {
        path: "/",
        getData: () => ({
          jsonData,
        }),
        children: jsonData.children.map((list) => ({
          path: `${list.link}`,
          template: "src/containers/listing",
          getData: () => ({
            list,
            breadcrumbs: [{ title: list.title, link: list.link }],
          }),
        })),
      },
      ...getOtherPages(),
    ];
  },
  plugins: [
    [
      require.resolve("react-static-plugin-source-filesystem"),
      {
        location: path.resolve("./src/pages"),
      },
    ],
    [
      "react-static-plugin-favicons",
      { inputFile: path.resolve("./images", "favicon.svg") },
    ],
    require.resolve("react-static-plugin-reach-router"),
    require.resolve("react-static-plugin-sitemap"),
  ],
};