Summary  
This chapter demonstrates how to implement sign-in functionality by validating credentials with Zod, fetching user records from a database, and verifying password hashes with bcrypt in an authentication provider.

General domain of usage  
Web application authentication

### 1. 認証ロジックの処理
`auth.ts` ファイルで、`authorize` 関数を使用して認証ロジックを管理。`zod` を使ってメールアドレスとパスワードを検証し、データベース内にユーザーが存在するか確認。

### 2. データベースからユーザーを取得
認証情報を検証した後、Postgres を使用してデータベースからユーザーをクエリする `getUser` 関数の作成。

### 3. パスワードの一致確認
`bcrypt.compare` を呼び出して、入力されたパスワードがデータベースに保存されているものと一致するかを確認。

Next.jsを使用して、モダンで高性能なウェブアプリケーションの構築方法を学びます。構造化されたレイアウト、スタイリング、ルーティングによるシームレスなナビゲーションでプロジェクトをセットアップします。効率的なデータ取得と表示を行い、レンダリングとパフォーマンスを最適化します。ページネーション、CRUD操作、グローバル検索などの高度な機能を実装し、動的なウェブアプリを実現します。Next.jsプロジェクトのデプロイ、データベースとの接続、認証機能の追加によるユーザーデータの保護も扱います。

Next.jsフレームワークに取り組む前に学ぶべき内容、このコースで期待できること、そして構築するものについて説明します。

プロジェクトのセットアップを行い、アプリにスタイリングを追加する方法を確認し、画像、フォント、ページ、レイアウトなどのビジュアル面を扱います。

アプリの新しいビューを簡単に作成・管理し、組み込まれたルーティングシステムによってすべてのページをシームレスにナビゲートする方法を学びます。

GitHubおよびVercelアカウントを使用してNext.jsアプリをデプロイします。さらに、アプリに必要なデータを提供するためのデータベースを構築します。

データを明確かつ効率的に取得し、ユーザーに表示する方法を検討します。

ページネーション、CRUD操作、グローバル検索、フォームバリデーションなどの最新ウェブ機能の実装方法を学びます。

サインイン機能の実装

プロジェクトに戻る

1. 認証ロジックの処理

2. データベースからユーザーを取得

3. パスワードの一致確認

実践例