決済の達人: ECサイトのサブスク&シングル購入 [Next.jsハンズオン🚀]
無料で読める本
次の内容を扱います ・サブスクリプションの登録、更新、削除 ・記事の個別購入 ・サブスクお試し期間 ・サブスクの定期支払いの成功・失敗のテスト ・配送先の住所の取得 ・オーソリ&キャプチャ ・サブスクの月払いプランと年払いプラン ・サブスク詳細画面の表示 Next.jsで作成しているのでアプリの作成は簡単です、 手軽にスタートして、手軽に学べます。 僕自身が「アプリにサブスク導入したいんだけどうすればいいんだ?」「サブスクのプランの変更・キャンセルってどうやって実装すればいい?」「1回きりの購入ってどうなってる?サブスクと違うのか?」という疑問を解決していく中で学んだことをまとめています。 この本を通してECサイトの疑問が1つでも解決できたら嬉しいです! ※Stripeのアカウントが必要です
Chapters
何を作るの?
プロジェクトセットアップ
データベースに初期データを挿入する
NextAuthセットアップ
エラー画面とローディング画面
ログイン・ログアウトの実装
記事一覧・詳細ページの実装
Stripeセットアップ
サブスクを始めよう!
Webhookでイベントをデータベースに反映させる
サブスクリプションの変更、キャンセル(カスタマーポータル)
会員限定コンテンツ
「今なら1ヶ月無料!」を実装しよう!(トライアル)
サブスクの期限切れをテストする(テストクロック)
記事を個別購入できるようにしよう!
(使わないけど)配送先住所を設定できるようにしよう!
(使わないけど)購入を後で確定、を導入しよう!(オーソリ&キャプチャ)
年払いプランを追加する
返金ポリシーの追加
サブスク詳細画面を作成する
まとめ(ソースコード)
【確認用】Stripeオブジェクトの説明
Author
Topics