アプリケーションを開発するにあたって、避けて通れないのが認証機能の実装です。

本書籍では、NextAuth.js を使って Next.js で作成したアプリケーションに認証機能を実装していきます。さらに、認証情報を使って、表示するページの制御も行います。

認証情報によるページの表示制御にはいくつか方法がありますが、本書籍では NextPage 型を拡張した CustomNextPage 型を作成することによって、ページの表示制御を実現します。

一緒に NextAuth.js による認証機能を学んでいきましょう。

【NextAuth.js 入門】認証機能から認証情報によるページの表示制御を学ぶ（Next.js & Typescript）

ようこそ

作成するアプリの概要を掴もう

使用する言語・フレームワーク・ツールの紹介

環境構築をしよう

アプリケーションの雛形を作成しよう

Docker で PostgreSQL 上にデータベースを作成しよう

Prisma を使ってテーブルを作成しよう

NextAuth.js を使って認証機能を作成しよう

認証情報によって表示を切り替えよう

認証が必要なコンポーネントを作成しよう

おわりに

読者コミュニティ｜【NextAuth.js 入門】認証機能から認証情報によるページの表示制御を学ぶ（Next.js & Typescript）