next-auth 적용하여 소셜 로그인 구현하기

• NextJS에서는 'next-auth' 라이브러리를 이용해 소셜 로그인 기능을 쉽게 관리하고 추가할 수 있다.

• 'next-auth' 설정을 위해선 nextjs 프로젝트 셋팅 후 라이브러리 설치를 진행하고, 경로에 폴더를 생성하여 [...nextauth].js 파일을 만들어 설정을 작성한다.

• 원하는 소셜로그인의 provider를 providers 객체에 추가하고, 환경 변수에 clientId와 clientSecret 값을 추가하여 provider에 해당 값들을 제공한다.

• 'next-auth'에서 제공하는 signIn, signOut 함수와 useSession 훅을 활용해 로그인, 로그아웃을 진행하고, 유저 정보와 로그인 여부를 확인할 수 있다.