next auth example

範例儲存庫是從 monorepo 維護的。應針對nextauthjs/next-auth開啟拉取請求。

NextAuth.js 範例應用程式

開源。全端。擁有您的數據。

概述

NextAuth.js 是一個完整的開源身份驗證解決方案。

這是一個範例應用程序，展示如何將next-auth應用於基本的 Next.js 應用程式。

部署的版本可以在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、電子郵件等）。

資料庫

需要資料庫來保存使用者帳戶並支援電子郵件登入。如果不指定資料庫，則預設啟用 JSON Web Tokens。

如果需要，您可以跳過資料庫配置，稍後再返回。

有關設置資料庫的更多信息，請查看以下連結：

• 文件：authjs.dev/reference/core/adapters

3. 設定身份驗證提供者

1. 根據需要查看和更新auth.ts中的選項。

2. 設定 OAuth 時，在每個 OAuth 服務的開發者管理頁面中，您應該設定回呼 URL 以使用回呼路徑{server}/api/auth/callback/{provider} 。

例如，對於 Google OAuth，您可以使用： http://localhost:3000/api/auth/callback/google

可從端點api/auth/providers取得已配置提供者及其回呼 URL 的清單。您可以在 https://authjs.dev/getting-started/providers/oauth-tutorial 找到更多信息

1. 您也可以選擇指定 SMTP 伺服器以透過電子郵件進行無密碼登入。

4.啟動應用程式

要在本地運行您的網站，請使用：

 pnpm run dev

要在生產模式下運行它，請使用：

 pnpm run build
pnpm run start

5. 生產準備

遵循部署文檔

致謝

感謝 Vercel 贊助該項目，允許整個 NextAuth.js 團隊免費部署該項目

執照

國際標準委員會