Web開発AI中級
サブスク入門!Next.jsとPrisma、Stripeでサブスク機能を作ろう
Next.jsとPrisma、Stripeを使用して、サブスク機能を追加していきます。
すでに作成済みのクイズアプリに、サブスク機能を導入します。
クイズアプリは、ChatGPTを使用しているので、完全に無料で公開することは難しくなります。
そこで、クイズ生成回数に制限を設け、サブスクを購入すると制限なく使えるようにします。
決済ページは、Stripeが構築済みのページとカスタマイズ可能なページの2つを紹介します。
Stripeを使用したサブスクの構築に興味がある方は、ぜひ参考にしてください。
学習内容
- Stripeでサブスク機能の追加
- Stripeの構築済みの決済ページの使用方法
- カスタムの決済ページの使用方法
- ChatGPTに制限を追加する方法
- 決済状態を確認する方法
機能
- サブスク機能
- 決済機能
- 回数制限
- 決済状態確認
この講座のステップ
- STEP 1目標設定!Next.jsとLangChainで自動タスク生成アプリを作ろう
- STEP 2ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!
- STEP 3ChatGPTの新機能「Function Calling」Next.jsとshadcn/uiで作るチャットアプリ
- STEP 4目指せクイズ王!Next.jsとPrismaで構築するAIクイズアプリ(ChatGPT)
- STEP 5サブスク入門!Next.jsとPrisma、Stripeでサブスク機能を作ろう
- STEP 6リアルタイムグループAIチャットを作ろう!(Next.js15、Auth.js v5、Socket.IO、Prisma、ChatGPT)