Next.js 에서 private route 구현하는 방법 - https://dev.to/shubhamverma18/implement-protected-routes-in-nextjs-37ml
항상 프레임워크 공부 중에 로그인 단계에서 한번씩 고비를 맛본다.
어떤 프레임워크든, 클라우드 서비스든, 소프트웨어든 처음에 공부할때는 거의 무조건 공식홈페이지를 이용하는 편이다. (공식홈페이지 기초자료가 구리면 공부를 안하게되는건 함정)
next.js 를 사용해서 새로운 토이프로젝트를 작업중인데 로그인 패턴을 어떻게해야 하는지 공식홈페이지에서 좀 애매하게 써놓았다.
next.js가 많은 기능을 제공하고 특히 SSR, CSR을 구분하고 이 구분을 간편하게 구현할 수 있게 해놓은건 좋지만, 토이프로젝트라 나는 그냥 csr만 쭉 됐으면 좋겠고 ssr은 되도록이면 피하고 싶은데 자꾸 ssr을 슬쩍 끼워넣는다.
나는 react를 되도록이면 가볍게 쓰고 싶다. 특히 프론트를 php+apache 서버처럼 쓰고 싶지는 않은데… 뭔가 점점 그렇게 되가는 듯한… 그럴거면 그냥 php를 쓰는게 낫지 않나?
그래서 고민하고 삽질하고 뒤져보던 차에… 역시 잘해놓은 글이 있었다. 위 글에서 소개해주는 패턴은
HOC을 이용한 패턴이라 로그인이 필요한 page를 그냥 저렇게withAuth로 감싸놓기만 하면 끝.- 굳이 복잡하게
getIninitialProps등 안 써도되서 좋다. - 심지어 authToken verify를 안 하는방법/하는방법 나눠 놓아서 너무 좋다.
