Next.js Proxy 패턴으로 JWT 인증 설계하기
Development 2026년 2월 20일
Next.js Proxy 패턴으로 JWT 인증 설계하기
JWT 액세스 토큰을 Zustand에서 서버 세션으로 전환하고, NextAuth + SSR Prefetch 아키텍처로 발전시킨 Next.js Proxy 패턴 설계 경험을 공유합니다.
웹 개발, 프론트엔드/백엔드 기술과 개발 경험
Next.js Proxy 패턴으로 JWT 인증 설계하기
JWT 액세스 토큰을 Zustand에서 서버 세션으로 전환하고, NextAuth + SSR Prefetch 아키텍처로 발전시킨 Next.js Proxy 패턴 설계 경험을 공유합니다.
제가 공식문서와 구글링을 통해 여러 뻘짓과 시행착오를 겪고 MSW를 Next.js 15에 설치하는 간단한 방법을 소개하려고 합니다.
React v19에서 forwardRef가 더 이상 필요없어졌어요. 향후 버전에서는 forwardRef를 제거한다고도 하는데요. 대신 이제 ref를 prop에서 접근할 수 있도록 바뀌었어요. ref를 일반 prop처럼 전달할 수 있게 되면서 코드가 간결해지고 타입 정의가 단순해졌어요. 이 글에서는 기존 forwardRef의 문제점과 React v19의 새로운 ref 전달 방식을 알아봐요.