Stripe が提供する UI を自身のプロダクトに埋めんだり、Stripeのドメインで決済を行わせたりすることができる Stripe Checkout という仕組みがあるのですが、これを利用するとあっという間に決済機能を実装することができます。
この本ではサブスクリプションをテーマにその実装例を紹介します。

読了までにかかる時間は数時間程度だと思いますが、Vercel や Stripe のアカウントを作成し、環境変数を設定するだけでサンプルアプリにてサブスクリプションの生成までできるようになります。


Fullstack Next.js と Stripe Checkout で実装するサブスクリプション課金

この本について

Learn Next.js デモサイトの完成品を用意する

Stripe API を使う準備をする

Stripe に登録した商品を API 経由で取得する

Stripe Checkout のセッションを生成する

Stripe の顧客データとアプリのユーザーの紐付けを行う

Webhook でサブスクリプションデータを受け取る

サブスクリプションの有効性をチェックする

サブスクリプションの詳細を取得する

サブスクリプションを解約できるようにする

nextjs

stripe

k0kishima