강의

멘토링

로드맵

Programming

/

Front-end

Next + React Query で SNS サービスを作成する

React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!

難易度 中級以上

受講期間 無制限

  • zerocho
Next.js
Next.js
React
React
react-query
react-query
next-auth
next-auth
msw
msw
Next.js
Next.js
React
React
react-query
react-query
next-auth
next-auth
msw
msw
zerocho님의 프로필 이미지

修正済み

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ヶ月ほどもっと泊まらなければなりません...

ありがとうございます。
チョ・ヒョンヨンの夢。

コメント