как сделать lending с SSR отдельно от CSR(SPA)?

Question

У меня есть SPA приложение на React/Redux, я знаю что для SSR можно использовать NEXT.JS или еще что-то но не хочу тратить время, да и нужды в этом нет. Мне необходимо сделать только одну страницу(главный lending) SSR. Просто версту без React, или React но SSR. Это необходимо для SEO оптимизации. Как это можно сделать? Что бы поиск индексировал главный lending, который с SSR, и что бы потом там была кнопка типа: "login" или еще что-то, и она уже вела на страницу login'а самого SPA приложения без SSR. Мне необходим SSR только на главной странице. Буду благодарен за помощь.

Answer 1

Да просто проверь сервак или нет

if(!window) {
   return <ServerContent/>
} else {
   return <ClientContent/>
}

если window Не прокатит попробуй process.browser

Можно даже какуюнибудь утилиту запилить

function OnlyClient(props){
   if(!window) {
     return props.children;
   } 
   return null;
}

function Demo(){
   return <OnlyClient>
      <MyPage/>
   </OnlyClient>
}

БЛОГ НА HUSL

как сделать lending с SSR отдельно от CSR(SPA)?

Ответы (1 шт):