next auth example

サンプル リポジトリはモノリポジトリから維持されます。プル リクエストはnextauthjs/next-authに対してオープンする必要があります。

NextAuth.js サンプルアプリ

オープンソース。フルスタック。自分のデータを所有しましょう。

概要

NextAuth.js は、完全なオープンソースの認証ソリューションです。

これは、 next-auth基本的な Next.js アプリにどのように適用されるかを示すサンプル アプリケーションです。

デプロイされたバージョンはnext-auth-example.vercel.appにあります。

NextAuth.js について

NextAuth.js は、もともと Next.js とサーバーレス用に設計された、実装が簡単なフルスタック (クライアント/サーバー) オープン ソース認証ライブラリです。私たちの目標は、将来さらに多くのフレームワークをサポートすることです。

詳細とドキュメントについては、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

1 つ以上のプロバイダー (Google、Twitter、GitHub、電子メールなど) の詳細を追加します。

データベース

ユーザー アカウントを永続化し、電子メール サインインをサポートするには、データベースが必要です。ただし、認証に OAuth を使用すれば、データベースがなくても認証に NextAuth.js を使用できます。データベースを指定しない場合、JSON Web トークンがデフォルトで有効になります。

必要に応じて、データベースの構成をスキップして、後でデータベースに戻ることができます。

データベースのセットアップの詳細については、次のリンクを参照してください。

• ドキュメント: 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. 本番の準備

導入ドキュメントに従ってください

謝辞

Vercel がこのプロジェクトをスポンサーし、NextAuth.js チーム全体に無料でデプロイできるようにしてくれたことに感謝します。

ライセンス

ISC