로그인 로그아웃 , 세션 관련

[JUN-BANANA]

header.js를 layout.js에 넣고 그 header안에 next-auth 로그인, 로그 아웃 처리를 해놓았는데
페이지를 이동하는 과정에서 {session? (
  <Button
    variant="danger"
    onClick={() => {
      signOut(handleSignOut());
    }}
  >
    SignOut
  </Button>
) : (
  <Button
    variant="primary"
    onClick={() => {
      alert("로그인 페이지로 이동합니다.");
      signIn();
    }}
  >
    SignIn
  </Button>
)} 이것이 자꾸 렌더링 되어 로그인 버튼 로그아웃 버튼이  왔다갔다 변합니다. 로그인이 되어 있을때는 페이지를 이동하여도
로그 아웃 버튼만 보이게 하고 싶습니다. 어떻게 해야 하나요? 

[codingapple]

Link 태그로 페이지이동하면 아마 새로고침안될걸요

[JUN-BANANA]

좀더 근본적으로 새로고침을 해도 로그인은 세션은 다시 렌더링을 안하는 방법은 없을까요?
cookies에 저장해 봤는데 nextauth 로 받아오는 cookies가 있어서 cookies.{name} 으로 해봤는데
이것도 렌더링 되는 과정에서 새로 고침이 되고 리턴문을 읽으면 로그인 => 로그아웃 버튼으로 바뀌더라고요

[codingapple]

쿠키에 로그인여부 저장해두고
쿠키에 뭐 있으면 로그아웃 버튼보여달라고 서버컴포넌트에서 if문 쓰면 될듯요

[글쓴이]

글