next-auth google 로그인 500 server error

Question

next-auth를 사용해서 google 로그인 구현중인데 Signup 버튼을 클릭하면 500 server error가 발생합니다.

로컬에서는 잘 됐는데, vercel로 배포해서 개발도메인으로 연동하려고 하니까 에러가 발생하네요.. ㅠ

혹시 해결해보신 분 있으실까요?

성원 · Answer

pages/api/auth/[...nextauth] 파일에 secret값을 추가해야 합니다. 
(https://next-auth.js.org/configuration/options#nextauth_secret)

ex)
export default NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_ID,
      clientSecret: process.env.GOOGLE_SECRET,
    }),
  ],
  secret: process.env.NEXTAUTH_SECRET,
  ...
})
SECRET값은 고유한 string 값이어야 합니다.

openssl rand -base64 32 명령어 터미널에 실행해서 key값 하나 만든 뒤 pages/api/auth/[...nextauth] 파일에 추가하면 해결 될 것 같습니다!