Как сделать CEO оптимизацию для главной страницы в React приложении?

Question

[Umid]

Есть сайт: dreamcity.uz

Необходимо лишь чтобы поисковики проиндексировали текст с меняющего текста(левый нижний угол).

Answer 1

[Sergey Epifanov]

Вам нужен Server Side Rendering
Можно использовать NextJS, там SSR поддерживается из коробки

Comments

[Umid]

Есть ли выход для данной проблемы:
Вся информация, которая содержится в слайдере, лежит в компоненте MainPage, который в свою очередь показывается лишь на роуте '/'.

Как я понял, юзая SSR, вся инфа должна быть изначально в div#root.

Или может можно будет прогрузить текст по дефолту(просто вписать в index.html изначально) для CEO, а затем компоненты перекроют его.
Прокатит ли такой трюк?

[Sergey Epifanov]

Umid, смысл SSR - отрендерить компонент на сервере, получить готовый html и отдать его клиенту. Для того, чтобы произвести рендеринг на сервере, нужно использовать hydrate