강의

멘토링

로드맵

Next + React Query로 SNS 서비스 만들기

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

(4.5) 수강평 132개

수강생 3,407명

난이도 중급이상

수강기한 무제한

실습 중심
실습 중심
next.js
next.js
react
react
트위터
트위터
클론코딩
클론코딩
ssr
ssr
실습 중심
실습 중심
next.js
next.js
react
react
트위터
트위터
클론코딩
클론코딩
ssr
ssr
새소식 목록
관리작성

Next 관련 라이브러리 버그 및 버전 안내

안녕하세요. 수강생 여러분,

msw와 next-auth 도입부터는 버그 때문에 고통받고 계실 것 같습니다. 저도 해결법을 몰라서 고통받고 있습니다. 지금은 버전을 낮추는 방법 뿐입니다.

현재 @auth/core next-auth msw에는 버그가 있기에 버전을 다음과 같이 고정해주세요.

1번 방법

npm i @auth/core@0.19 next-auth@5.0.0-beta.3 msw@2.1

 

2번 방법(더 최신 버전을 쓰고 싶다면)

npm i @auth/core@0.27 next-auth@5.0.0-beta.11 msw@2.1

이렇게 설치하고 .env에서 AUTH_URL을 지웁니다. 그리고 auth.ts에서 NEXT_PUBLIC_BASE_URL을 대신 씁니다. .env에 AUTH_URL을 쓰지 않는 게 핵심입니다.

const authResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/login`, {

 

아직 msw@2.2의 버그는 해결하지 못했습니다.

https://github.com/mswjs/msw/issues/1658#issuecomment-1953599080

이런 식으로 버그 제기를 하고는 있으나 언제 고쳐질 지는 모르겠습니다. 해결되는대로 다시 공유드리겠습니다. next app router 실무에서는 시기상조라서 올해 초까지는 묵혀두라고 말씀드렸는데요. 6개월 정도 더 묵혀두셔야겠습... 크헉

감사합니다.
조현영 드림.

댓글