Web開発AI中級STEP 4 / 6
目指せクイズ王！Next.jsとPrismaで構築するAIクイズアプリ(ChatGPT)
Next.jsとPrismaでAIクイズアプリを構築していきます。
NextAuthでGoogle認証を実装し、ChatGPTを使用して4択クイズを自動生成します。
クイズのテーマや難易度、言語、問題数も選べるようにしました。
FunctionCallingで確実にクイズを生成する方法も解説します。
データーベースはPostgreSQLを使用し、UIはshadcnを使用しています。
ChatGPTを使用したAIクイズアプリの構築に興味がある方は、ぜひ参考にしてください。
学習内容
- NextAuthを使用したGoole認証の構築方法
- Prismaのデータベース構築方法
- ChatGPTを使用した4択クイズの生成方法
- クイズのテーマや難易度、言語、問題数の選択方法
機能
- Google認証
- ログアウト
- 4択クイズの自動生成
- クイズ実行
- クイズ結果
解説
YouTube で動画の解説、Zenn で本の形の解説をしています。