Next..js13とOpenAIで感情分析をしてくれるAIアプリの作り方を解説します。
ユーザー認証機能を作り、ユーザーIDで感情分析データを管理します。
データはPrismaを経由し、Supabaseに保存します。
本書ではフルスタックアプリを作り上げます💪。所々Next.jsのコード進行のポイントを解説しています。Next.jsの入門書としてもお使い頂ける内容になっております😃
*補足:
  ・テキスト入力フォームにLexical(meta開発のリッチテキストエディタ)を使いますが本書の趣旨とは異なるのでLexicalの解説は深くしておりません。（要望があれば追記いたします）
・OpenAI APIキーの取得にはクレジット登録が必要です。(初めの3ヶ月は$18までAPIの利用が無料でできます)

[フルスタック]Next.js13とOoenAIで感情分析アプリを作る

この本の内容について

プロジェクトを開始

clerkでユーザー認証機能を作る

ノートページを作成

チャートページを作成

テキスト入力フォームの作成(lexical editor)

OpenAI APIを使って感情分析

Prismaでデータスキーマを作成

API ルートを作成

APIを呼び出す

テキストエディタをいい感じに表示

エディタにテキストを表示

テキストの更新・削除

感情分析結果をSupabaseに保存

感情分析結果を可視化(後日追加)

nextjs

prisma

supabase

clerk

openai

カプコード