next-redux-wrappe 공식 문서에서 next js에서 store를 관리하는 방법 2가지를 소개합니다. 서버와 클라이언트 스토어를 분리하는 방법 클라이언트 쪽 스토어에 서버 쪽 스토어를 덮어씌우는 방법 그중 2번째 방법을 사용하고 있었는데 아마도 초기 리덕스 설정을 할 때 _app.tsx에 wrapper.getInitialAppProps를 사용하면 자동적으로 서버와 클라이언트 store를 관리해 주는 것으로 착각한 거 같습니다. 즉, 지금까지 의미 없는 서버 쪽 store를 호출해 hydrate를 계속 발생시키고 있었던 겁니다. 서버 쪽에서 의미 없는 hydrate를 계속 발생시키니 rootReducer코드를 보면 서버가 보내는 action.payload에 store의 초기값이 담겨 오므로 클라..
페이지 라우터는 페이지 개념을 기반으로 구축된 파일 시스템 기반 라우터입니다. 파일이 페이지 디렉터리에 추가되면 자동으로 경로로 사용할 수 있습니다. Index routes 라우터는 index라는 이름의 파일을 디렉터리의 루트로 자동 라우팅합니다. pages/index.js → / pages/blog/index.js → /blog Nested routes 라우터는 중첩 파일을 지원합니다. 중첩된 폴더 구조를 만들면 파일은 여전히 동일한 방식으로 자동으로 라우팅 됩니다. pages/blog/first-post.js → /blog/first-post pages/dashboard/settings/username.js → /dashboard/settings/username Pages with Dynamic Ro..