Условный рендеринг в реаги для многоязычного приложения в реакции

не уверен, что я понял (извините, если это так). Вам не нужно создавать два сайта. Вам просто нужно организовать контент сайта в проходной структуре (что-то вроде):

В файле с контентом сайта:

const frenchData = [
  {
    idKey: 'aboutus',
    textTitel: aboutUsTextTitelFR,
    textField: aboutUsTextFieldFR
  }
];
const englishData = [
  {
    idKey: 'aboutus',
    textTitel: aboutUsTextTitelEN,
    textField: aboutUsTextFieldEN
  }
];


export const aboutusData = {
    'fr': frenchData,
    'en': englishData
}

Вы можете получить предпочитаемые языки (от пользователя браузер) со следующими строками.

static async getInitialProps({ req }) { const userAgent = req ? req.headers['accept-language'] : navigator.userAgent; return { userAgent }; }

После выполнения форматирования строки для результата userAgent вы получите массив предпочитаемых языков. После этого вам нужно визуализировать передаваемые данные (DE, EN, ES, что угодно)