Как смешать SSR с CSR?

Question

У меня очень мало знаний о ССР.В настоящее время у меня есть два сервера.Я создал одностраничное приложение CSR, используя React на одном сервере и серверную часть на Nodejs + express на другом сервере.Мое приложение имеет страницу входа.

1. Как переместить существующую логику компонента Login в SSR, и после успешного входа все остальные компоненты должны работать из CSR.Я не знаю, как достичь этой цели.
2. Нужно ли мне превращать мой сервер приложений реагирования CSR в SSR, используя что-то вроде Nextjs, а сервер backjnd nodejs должен продолжать работать, как раньше?Или мне нужно использовать логику SSR на своем внутреннем сервере Nodejs?
3. Или мне нужно перенести все приложение реагирования на CSR в SSR?Тогда мне все еще нужен сервер backjnd nodejs?

Возможно, я задаюсь вопросом, задавая этот вопрос.Пожалуйста, дайте мне знать, если мне нужно объяснить это немного дальше.

Answer 1

Вы будете использовать только один сервер NodeJS + Express. Вы определяете некоторые обычные маршруты конечных точек, чтобы обеспечить такие вещи, как функциональность входа в систему, регистрация и так далее. Но в конце также есть маршрут «поймать все», где вы будете рендерить свое реагирующее приложение на строку через узел и отправлять его обратно в браузер в виде HTML.

Не так давно я сделал очень простой пример SSR с использованием машинописи и реакции. Я надеюсь, что это будет полезно!

https://github.com/akimthedream/server-side-rendered-typescript-react