Next-Auth

next-auth 라이브러리를 이용해서 구글 로그인이 가능하도록 구현했다

...next.auth.ts

import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";

export default NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID!,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
    }),
  ],
});

google cloud에 방문하여 애플리케이션 등록, key를 발급 받는다.

구글 클라우드 API 서비스로 접속해서
OAuth 클라이언트 id와 비번을 발급받아 적용했다

SessionProvider로 로그인 데이터를 저장한다

Session Provider?

로그인에 대한 세션 정보를 얻어오기 위해서 Session Provider를 사용한다.