Next + React Query で SNS サービスを作成する
React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!
受講生 3,399名
難易度 中級以上
受講期間 無制限

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ヶ月ほどもっと泊まらなければなりません...
ありがとうございます。
チョ・ヒョンヨンの夢。




