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

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

はじめに

プロジェクト準備

Prisma

クイズ生成回数制限

クイズ作成API

モーダル

Stripe設定

商品選択(構築済み決済)

商品取得、チェックアウトAPI

お支払い成功

Webhook

商品選択(カスタム決済)

サブスクリプション作成API

カスタム決済フォーム

カスタマーポータルAPI

おわりに

nextjs

prisma

stripe

chatgpt

shadcn

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