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