regexper-static/script/prerender.js

// NOTE: This script *MUST* be built with webpack since it requires React
// components. The script is built and run as part of `yarn build`

import React from 'react';
import { renderToString } from 'react-dom/server';
import fs from 'fs';
import util from 'util';
import cheerio from 'cheerio';
import colors from 'colors/safe';

import 'i18n';

const readdir = util.promisify(fs.readdir);
const readFile = util.promisify(fs.readFile);
const writeFile = util.promisify(fs.writeFile);

readdir('./src/pages')
  .then(pages => (
    Promise.all(pages.map(async page => {
      const Component = (await import(`pages/${ page }/Component`)).default;
      const pagePath = `./build/${ page }.html`;

      const markup = cheerio.load(await readFile(pagePath));

      markup('#root').html(renderToString(<Component/>));
      await writeFile(pagePath, markup.html());

      console.log(colors.green.bold('PRERENDERED:'), `${ page }.html`); // eslint-disable-line no-console
    }))
  ))
  .then(() => console.log('Done prerendering')) // eslint-disable-line no-console
  .catch(e => {
    console.error(colors.red.bold('FAIL:'), e); // eslint-disable-line no-console
    process.exit(1);
  });