T3 Stack入門!認証システムを構築しよう!

Web開発
T3 Stack
初級
T3 Stackを使用して認証システムを構築していきます。 T3 Stackとは、Next.js、TypeScript、tRPC、Prisma、Tailwind CSS、NextAuth.jsを使用したフルスタックのWeb開発スタックです。 これらを使用して、ログイン、サインアップ(Google、メールアドレス)、ログアウト、パスワード再設定、パスワード変更、プロフィール編集機能を実装します。 認証システムが構築できれば、本格的なアプリケーション開発に集中することができます。 再利用しやすいように、認証機能に特化したプロジェクトとなっています。 T3 Stackを使用した認証システム構築に興味がある方は、ぜひ参考にしてください。

学習内容

・T3 Stackを使用した構築方法 ・認証システム構築方法 ・Googleアカウントでのログイン方法 ・shadcn/uiとは ・Prismaとは ・NextAuth.jsとは ・tRPCとは ・Cloudinaryとは ・メール送信方法

機能

・ログイン ・サインアップ(Google、メールアドレス) ・ログアウト ・パスワード再設定 ・パスワード変更 ・プロフィール編集

解説動画

YouTubeで解説をしています。
https://youtu.be/hwxMoKAbk-M

解説記事

ステップ

ステップ1
Web開発
T3 Stack
初級
T3 Stack入門!認証システムを構築しよう!
ステップ2
Web開発
T3 Stack
初級
T3 Stack入門!ブログシステム(一覧、新規、編集、削除)を構築しよう!
ステップ3
Web開発
T3 Stack
中級
T3 Stack入門!コメントシステム(コメント、いいね、ページネーション)を構築しよう!
ステップ4
Web開発
T3 Stack
中級
T3 Stack入門!サブスク(フリーミアム)システムを構築しよう!
ステップ5
Web開発
T3 Stack
中級
[完全版] T3 Stack入門!デプロイまで実践するサブスクアプリ構築マスターガイド
ステップ6
Web開発
T3 Stack
上級
創造の新時代をリード!DALL・E 3とGPT-4 Visonで画像生成アプリを構築しよう!