Next Auth

NextAuth Package 적용 중에 프로젝트와 Docu 환경설정이 달라서 적용하는데 시간이 꽤 걸렸다.

pageExtensions

[문제가 되었던 부분]

next-auth 에서 초기화 하는 과정에서 get:api/auth/session 요청을 하는데 자꾸 404 Not Found 에러가 뜨면서 Docu 대로 설정해준 API Route 를 못찾는 문제가 발생했다.

NextAuth 에서 API Dynamic Route 를 추가해줘야 하는데 현재 프로젝트 설정은 다음과 같다.

• API Routing 경로는 /api/v1
• pageExtensions: ['page.jsx', 'api.js']

[해결]
해당 프로젝트에 next-auth 를 적용시키기 위해서는 api routing 경로를 next-auth 에서 찾을 수 있게 설정해주고, API Route 에 pageExtensions 에 따른 이름으로 넣어줘야 한다.

위 이미지처럼 Dynamic API Route 를 추가하고 Provider 에 basePath 를 설정해줘야지 프로젝트에 있는 api/v1/auth/[...nextauth].api.js 를 찾아 Request 를 요청할 수 있다.

next.config.js

pageExtensions 여기서 설정하는 extensions 들은 모든 Next.js pages 하위 파일들에 적용이 되며 해당 extensions 로 naming 한 파일들만 읽어들인다.

• middleware.js
• instrumentation.js
• pages/_document.js
• pages/_app.js
• pages/api/