프론트엔드 next js 14 앱 라우터 (app router) 에서 SSR 컴포넌트 관련 질문

Question

next js 에서의 서버사이드 렌더링 페이지에 관한 질문 입니다.저희가 전역상태관리를 zustand로 하고 사용자가 로그인을 하면 사용자 정보를 zustand store에 저장해놓고 다른 컴포넌트에서 불러와서 사용하려고 했습니다. 그런데 zustand 자체가 서버 컴포넌트에서 사용할 수 없어서 무조건 클라이언트에서만 zustand의 상태관리 기능을 이용할 수 있다고 하는데 다른 방법이 없는 것일까요.. 저희가 동적 라우팅(dynamic routing)을 사용하고 그 라우팅 주소에 해당하는 page파일(app폴더 하위 폴더들로 라우터 주소가 결정되는 파일)자체에서 server action으로 fetch 해서 데이터를 받아온 다음에 하위 컴포넌트에 props로 데이터를 넘겨주는 방식으로 사용하고 있었습니다. 그런데 빌드시 정적페이지(html 파일)을 만들어놓기 위해 generateStaticParams를 적용했는데... 에러가 납니다. Error: Page &#34;/board/review/detail/[id]/page&#34; is missing param &#34;/board/review/detail/1&#34; in &#34;generateStaticParams()&#34;, which is required with &#34;output: export&#34; config.검색해보니까 영문 커뮤니티에서는 버전을 낮춰야한다.. 라는 이야기까지 있어서 혹시 해결할 방법이 없는 문제인걸까요...?클라이언트 컴포넌트에서 동적 라우팅을 사용했을때는 나지 않았던 오류입니다.

샵D · Answer

1번 같은 경우는 쿠키에 로그인 정보를 넣으셔야 합니다. 서버 컴포넌트에서는 zustand, 리덕스, useContext 등의 클라이언트 기반 상태 관리가 안됩니다.2번 문제 같은 경우에는 코드가 어떻게 되는지 아셔야 방법을 제시할 수 있을 것 같습니다.

프론트엔드 next js 14 앱 라우터 (app router) 에서 SSR 컴포넌트 관련 질문

1개의 답변

#ssr 목록