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

Question

У меня есть приложение, основанное на наборе стартеров приложения для создания-реагирования, и вам нужно переключиться на универсальный/серверный рендеринг из-за проблем с SEO.

Есть ли простой способ или пример принятия шаблона команды create-response-app и добавления или изменения его для поддержки универсального рендеринга?

Многие примеры, которые я вижу для универсальных, слишком сложны для моих нужд, и я предпочитаю держать их очень чистыми и простыми, если это возможно.

Спасибо.

---

РЕДАКТИРОВАТЬ: FYI, я нашел this средний пост, который указывает на this хранилище.

Кажется достаточно простым, но, так как я новичок на все WebPack/среагировать вещи/узла, связанные, если кто-то думает, что это неправильный подход, хотел бы знать ...

Answer 1

Был доказательство концепции добавления рендеринга сервера в this PR.
Я не могу говорить о том, как хорошо, но это то, с чего вы можете начать.

Вы также можете посмотреть некоторые из alternatives.
Некоторые из них предоставляют рендеринг сервера из коробки.

Answer 2

Я только что создал ответный универсальный (серверный рендеринг) стартер использовал рекомендации от redux и response-router v4. Заполните бесплатно для обратной связи

https://github.com/gzoreslav/react-redux-saga-universal-application

Answer 3

Вы можете взять приложение (бутстрапируемое с Create Реагировать App) на следующий уровень, заменив react-scripts со слегка измененную версию - react-app-tools, которая позволяет добавлять серверный код в свой проект (например, для целей рендеринга на стороне сервера и/или реализации конечной точки API). Это позволит компилировать и запускать приложение, используя обычный конвейер Create React App, используя один экземпляр Webpack, на том же HTTP-порту.

Дополнительную информацию можно получить, посетив React App SDK.