Web開発T3 Stack初級
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、メールアドレス)
- ログアウト
- パスワード再設定
- パスワード変更
- プロフィール編集