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解説記事
Zennで解説をしてます。
https://zenn.dev/hathle/books/t3-stack-auth-book