WrappedApp created new store with withRedux(NodeBird) { initialState: undefined, initialStateFromGSPorGSSR: undefined }

서버사이드 렌더링 개념을 알아야 이해가 가능한, 에러가 아닌 콘솔메세지

 

브라우저 - 프론트 서버 - 백엔드 서버 - 데이터베이스

 

브라우저에서 위 서버들을 거치고 데이터베이스까지 거친 다음에 state를 받는데,

아직 백엔드 서버와 데이터베이스를 구현하지 않았고, 프론트만 구현한 상태라서 브라우저는 state가 없다고 판단하는거.

 

해결책으로는,

액션과 리듀서가 있는 파일에서,

import {HYDRATE} from 'next-redux-wrapper'를 한다.

리듀서 함수에서

case HYDRATE :

  return {...state, ...action.payload}

를 적는다.

그럼 자동으로 서버사이드렌더링을 next 차원에서 해결해 준다.