【Week 5】AI駆動開発:Stripe決済とAI機能実装編
※Week5は作成中です。動画のアップデートは随時行っています。
本講座で学べる事
無料プレビューMVPリリースの反応率を確認してみよう
進捗スケジュールを更新しよう
開発前にSupabaseデータのバックアップを取っておこう
AIトレンド分析ページをBolt.newとCursorで比較して作ってみよう
AI記事要約機能に仕様を変更しよう
AI記事要約機能を実装してみよう:その①
AI記事要約機能を実装してみよう:その②
Gemini APIを実装してAI記事要約してみよう
AI要約機能を読みやすくブラッシュアップしよう
AI要約機能に認証チェックを追加しよう
ユーザーが保持しているクレジットを表示してみよう
AI要約する度にクレジットを消費させよう
クレジットが0になったらプランページへ移動させよう
Stripeの初期設定をしよう
Stripeチェックアウト決済を実装してみよう
サブスク商品の値付けについて
サブスクリプション商品を作成してpriceIdを取得しよう
チェックアウト決済テストをしてみよう
Stripe Webhook設定をしよう
Stripe WebhookのテストとSupabase MCPサーバーの起動
サブスク課金後にクレジット付与を実装しよう
Stripe決済時のクレジット付与テストをしよう
その他エラー修正をしよう
決済成功の演出UIを追加しよう
コードの可読性を上げるためにリファクタリングしよう
Claude 4で決済成功演出UIを改善しよう
Gitブランチの切り替えとシークレットキー露出の危険性の対処
サブスク管理ページを作成しよう
無限リダイレクト処理の修正とGenerate Cursor Rulesの実行
Stripeカスタマーポータル設定をしよう
サブスク更新・キャンセル時にWebhookが発火するか確認しよう
サブスクの次回請求日の取得とキャンセル時のUI表示
月次クレジット付与システムを実装しよう
Stripeイベント発火テストをしよう
Stripeサブスク決済・管理のベストプラクティスを学ぼう
特定商取引法ページを追加してStripe本番環境申請してみよう
developブランチへマージしよう
mainブランチへマージして本番環境に移行しよう
Stripe申請に落ちるケースと対策
本番環境用のpriceIdと本番環境キーを取得しよう
環境変数設定と本番環境でStripeのWebhook設定をしよう
Catch Upアップデート完了
お疲れ様でした🎉
※以降の動画は作成中です。