サブスク入門!Next.jsとPrisma、Stripeでサブスク機能を作ろう

Web開発
AI
中級
Next.jsとPrisma、Stripeを使用して、サブスク機能を追加していきます。 すでに作成済みのクイズアプリに、サブスク機能を導入します。 クイズアプリは、ChatGPTを使用しているので、完全に無料で公開することは難しくなります。 そこで、クイズ生成回数に制限を設け、サブスクを購入すると制限なく使えるようにします。 決済ページは、Stripeが構築済みのページとカスタマイズ可能なページの2つを紹介します。 Stripeを使用したサブスクの構築に興味がある方は、ぜひ参考にしてください。

学習内容

・Stripeでサブスク機能の追加 ・Stripeの構築済みの決済ページの使用方法 ・カスタムの決済ページの使用方法 ・ChatGPTに制限を追加する方法 ・決済状態を確認する方法

機能

・サブスク機能 ・決済機能 ・回数制限 ・決済状態確認

解説動画

YouTubeで解説をしています。
https://youtu.be/mLfePmKsCfw

解説記事

ステップ

ステップ1
Web開発
AI
初級
目標設定!Next.jsとLangChainで自動タスク生成アプリを作ろう
ステップ2
Web開発
AI
初級
ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!
ステップ3
Web開発
AI
初級
ChatGPTの新機能「Function Calling」Next.jsとshadcn/uiで作るチャットアプリ
ステップ4
Web開発
AI
中級
目指せクイズ王!Next.jsとPrismaで構築するAIクイズアプリ(ChatGPT)
ステップ5
Web開発
AI
中級
サブスク入門!Next.jsとPrisma、Stripeでサブスク機能を作ろう
ステップ6
Web開発
AI
中級
リアルタイムグループAIチャットを作ろう!(Next.js15、Auth.js v5、Socket.IO、Prisma、ChatGPT)