サブスク入門!Next.jsとPrisma、Stripeでサブスク機能を作ろう
Next.jsとPrisma、Stripeを使用して、サブスク機能を追加していきます。 すでに作成済みのクイズアプリに、サブスク機能を導入します。 クイズアプリは、ChatGPTを使用しているので、完全に無料で公開することは難しくなります。 そこで、クイズ生成回数に制限を設け、サブスクを購入すると制限なく使えるようにします。 決済ページは、Stripeが構築済みのページとカスタマイズ可能なページの2つを紹介します。 Stripeを使用したサブスクの構築に興味がある方は、ぜひ参考にしてください。
Chapters
はじめに
プロジェクト準備
Prisma
クイズ生成回数制限
クイズ作成API
モーダル
Stripe設定
商品選択(構築済み決済)
商品取得、チェックアウトAPI
お支払い成功
Webhook
商品選択(カスタム決済)
サブスクリプション作成API
カスタム決済フォーム
カスタマーポータルAPI
おわりに
Author
フルスタックでの開発が得意で、YouTubeでゼロから開発するフルスタックのプログラミングチュートリアルを発信中です。 youtube.com/@fullstackchannel 最近は、オープンソースのLLM、RAG、Dify、SBV2、Fluxなど、生成AIの研究に取り組んでいます。
Topics
- 公開
- 本文更新
- 文章量
- 約86,882字
- 価格
- 900円