react-server route groups (for translated path fragments)

react-server-route-groups.js

// Beware! Not tested.

// open source library: `react-server-route-groups`
// - function to generate routes based on array of things (in our case, translations)
export default function ({groups, pages}) {
  return groups.reduce((acc, group) => {
    return {
      // All previous routes
      ...acc,

      // Routes for all pages
      ...pages.reduce((acc2, page) => {

        // All previous page routes
        ...acc2

        // TODO: Do checks here to prevent route collision
        // TODO: Do checks here to exclude / include
        // TODO: Do checks to make sure that path is well-formed (no empty path fragment)
        [`${page.baseName}${group}`]: {
          path: page.getPath(group),
          page: page.page,
        },
      }, {}),
    };
  }, {});
};

// Call the function in the universal app
import translations from 'translations';

generateRouteGroups({
  groups: Object.keys(translations),
  pages: [
  // These can be imported from separate files in modules
  {
    baseName: 'reviews',
    getPath: (group) => `/:locale/${translations[group].RATING}`,
    page: 'pages/review.js',
    exclude: ['at'],
    include: ['de'],
  }]
});

// - function to display generated routes (CLI)

routes.js

// ALTERNATIVE: Use array to add more routes to routes.js

import {LOCALE_AT, LOCALE_DE, LOCALE_CH, LOCALE_US} from 'route_locales';
const DACH_LOCALES = `(${LOCALE_AT}|${LOCALE_DE}|${LOCALE_CH})`;

export default {
  ReviewsPage: {
    path: [
      `/:locale(${DACH_LOCALES})/bewerten`,
      `/:locale(${LOCALE_US})/review`,
    ],
    page: 'pages/review.js',
  },
};