next auth example

예제 저장소는 모노레포에서 유지 관리됩니다. 끌어오기 요청은 nextauthjs/next-auth 에 대해 열려야 합니다.

NextAuth.js 예시 앱

오픈 소스. 풀스택. 귀하의 데이터를 소유하십시오.

개요

NextAuth.js는 완전한 오픈 소스 인증 솔루션입니다.

이는 기본 Next.js 앱에 next-auth 적용되는 방법을 보여주는 예제 애플리케이션입니다.

배포된 버전은 next-auth-example.vercel.app 에서 찾을 수 있습니다.

NextAuth.js 정보

NextAuth.js는 원래 Next.js 및 Serverless용으로 설계된 구현하기 쉬운 풀 스택(클라이언트/서버) 오픈 소스 인증 라이브러리입니다. 우리의 목표는 앞으로 더 많은 프레임워크를 지원하는 것입니다.

자세한 내용과 문서를 보려면 next-auth.js.org로 이동하세요.

NextAuth.js는 Vercel 또는 Next.js와 공식적으로 연관되어 있지 않습니다.

시작하기

1. 저장소를 복제하고 종속 항목을 설치합니다.

 git clone https://github.com/nextauthjs/next-auth-example.git
cd next-auth-example
pnpm install

2. 로컬 환경 구성

이 디렉터리의 .env.local.example 파일을 .env.local에 복사합니다(Git에서는 무시됨).

 cp .env.local.example .env.local

하나 이상의 공급자(예: Google, Twitter, GitHub, 이메일 등)에 대한 세부정보를 추가합니다.

데이터 베이스

사용자 계정을 유지하고 이메일 로그인을 지원하려면 데이터베이스가 필요합니다. 그러나 인증에 OAuth를 사용하면 데이터베이스 없이도 인증에 NextAuth.js를 사용할 수 있습니다. 데이터베이스를 지정하지 않으면 기본적으로 JSON 웹 토큰이 활성화됩니다.

원하는 경우 데이터베이스 구성을 건너뛰고 나중에 다시 돌아올 수 있습니다.

데이터베이스 설정에 대한 자세한 내용은 다음 링크를 확인하세요.

• 문서: authjs.dev/reference/core/adapters

3. 인증 공급자 구성

1. 필요에 따라 auth.ts 의 옵션을 검토하고 업데이트하세요.

2. OAuth를 설정할 때 각 OAuth 서비스의 개발자 관리 페이지에서 콜백 경로 {server}/api/auth/callback/{provider} 사용하도록 콜백 URL을 구성해야 합니다.

예를 들어 Google OAuth의 경우 http://localhost:3000/api/auth/callback/google 사용합니다.

구성된 공급자 및 해당 콜백 URL 목록은 엔드포인트 api/auth/providers 에서 확인할 수 있습니다. 자세한 내용은 https://authjs.dev/getting-started/providers/oauth-tutorial에서 확인할 수 있습니다.

1. 이메일을 통한 비밀번호 없는 로그인을 위해 SMTP 서버를 지정하도록 선택할 수도 있습니다.

4. 애플리케이션 시작

사이트를 로컬에서 실행하려면 다음을 사용하세요.

 pnpm run dev

프로덕션 모드에서 실행하려면 다음을 사용하세요.

 pnpm run build
pnpm run start

5. 생산 준비

배포 문서를 따르세요.

감사의 말

전체 NextAuth.js 팀에 무료로 배포할 수 있도록 이 프로젝트를 후원하는 Vercel에게 감사드립니다.

특허

ISC