강의

멘토링

로드맵

Programming

/

Front-end

Next + Create a SNS service with React Query

We will create an SNS service similar to Twitter (X.com) using the React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand stack. Finally, we will add SSR for search engine optimization!

(4.4) 128 reviews

3,399 learners

Level Intermediate

Course period Unlimited

  • 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님의 프로필 이미지

Edited

Next Related Library Bugs and Version Information

Hello, students,

I think you've been suffering from bugs since the introduction of msw and next-auth. I'm also suffering because I don't know how to solve it. For now, the only way is to lower the version.

Currently @auth/core next-auth msw has a bug, so please fix the version as follows.

Method 1

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

 

Method 2 (if you want to use a more recent version)

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

Install it like this and delete AUTH_URL from .env. And use NEXT_PUBLIC_BASE_URL instead in auth.ts. The key is not to use AUTH_URL in .env.

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

 

The bug in msw@2.2 is not fixed yet.

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

I'm reporting bugs like this, but I don't know when they'll be fixed. I'll share it again as soon as it's fixed. I told you to leave it until early this year because it's too early for next app router practice. You'll have to leave it for about 6 more months... Hehe.

thank you
Jo Hyun-young's dream.

Comment