Next.jsのわかりやすいハンズオン！
Visual Studio Codeの設定からログインフォームの作成を簡単に！
・Auth.js(v5.beta)のCredentials認証
・DBは、Docker、PostgreSQL
・その他、Tailwind CSS、shadcn/ui、Prismaを利用

続き「その2」はこちら(一覧編)
<a href="https://zenn.dev/ki74dev/books/3ef2305c44841b" target="_blank" rel="nofollow noopener noreferrer">https://zenn.dev/ki74dev/books/3ef2305c44841b</a>


サポートページ
<a href="https://zenn.dev/ki74dev/scraps/83c6cfb1fd9578" target="_blank" rel="nofollow noopener noreferrer">https://zenn.dev/ki74dev/scraps/83c6cfb1fd9578</a>


Next.jsのわかりやすいハンズオン！
Visual Studio Codeの設定からログインフォームの作成を簡単に！
・Auth.js(v5.beta)のCredentials認証
・DBは、Docker、PostgreSQL
・その他、Tailwind CSS、shadcn/ui、Prismaを利用

続き「その2」はこちら(一覧編)
https://zenn.dev/ki74dev/books/3ef2305c44841b


サポートページ
https://zenn.dev/ki74dev/scraps/83c6cfb1fd9578


Next.js入門ハンズオンその1-ログインフォームの実装！Auth.js(v5.beta)のCredentials認証機能 2024年8月

🔰はじめに

⚙️開発環境準備

📺【Chapter1】 画面作成

　🚦UIコンポーネント(shadcn/uiインストール)

　🚪ログイン画面

　🗄️サーバー側への処理

🛢【Chapter2】DB構築

　🐋Docker Desktop for Windows インストール

　🐘📦PostgreSQLのコンテナ作成

　⚙️DB構築

　📝SQLクライアントツール

🔑【Chapter3】Auth.js

　🛡️Auth.jsインストールからCredentialsプロバイダー追加

　🔐ログイン/ログアウト処理

　▲Prisma設定

　🪪Credentials認証

　🔀ルーティング処理

　😎😊ロール(権限)の追加

おわり(参考にしたサイト)

nextjs

handson

authjs

InuNeko