 Next.jsとPrismaでAIクイズアプリを構築していきます。
NextAuthでGoogle認証を実装し、ChatGPTを使用して4択クイズを自動生成します。
クイズのテーマや難易度、言語、問題数も選べるようにしました。
FunctionCallingで確実にクイズを生成する方法も解説します。
データーベースはPostgreSQLを使用し、UIはshadcnを使用しています。
ChatGPTを使用したAIクイズアプリの構築に興味がある方は、ぜひ参考にしてください。 

目指せクイズ王！Next.jsとPrismaで構築するAIクイズアプリ(ChatGPT、FunctionCalling)

はじめに

Next.js準備

shadcn/ui

App Router

専用画面

PostgreSQL

Prisma

NextAuth

Google認証

新規クイズ作成

クイズ生成API

クイズ問題画面

答え合わせAPI

クイズ終了API

クイズ結果

クイズ一覧

おわりに

nextjs

prisma

chatgpt

shadcn

quiz

はる@フルスタックチャンネル