mcpField
S
stripe-subscriptions

stripe-subscriptions

github.com/andrelandgraf開発23269 回インストール20 週間前に更新
リポジトリ

stripe-subscriptions について

Next.js アプリを開発する方向けに、Stripe のサブスクリプション課金をレシピ形式で実装するガイドです。プラン制御、Webhook による状態同期、利用量の追跡、請求ポータルを扱い、環境設定・データベース・ログ設定を前提とします。

主な機能

  1. 01Stripe のサブスクリプション課金を統合
  2. 02機能フラグによるプラン制御
  3. 03Webhook を使った状態同期
  4. 04利用量追跡と請求ポータルの追加
  5. 05前提設定と実装手順を順に整理

活用シーン

  1. 01Next.js アプリにサブスクリプション課金を導入
  2. 02プランごとに機能アクセスを制限
  3. 03Stripe の契約状態を Postgres に同期
  4. 04請求ポータルを提供し利用量を追跡

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill stripe-subscriptions

インストール後、Claude Code で/stripe-subscriptionsを入力して読み込まれたか確認します。

詳細

Stripe Subscriptions

Stripe と連携し、プラン制限用のフィーチャーフラグ、Webhook 処理、請求ポータルを備えた完全なサブスクリプション請求システムです。

前提条件

次のレシピをこの順番で完了してください。

better-env による型安全な環境設定

型安全なサーバー／パブリック環境変数へのアクセス、フィーチャーフラグ、排他的な認証情報の制約に、better-env の設定モジュールを使用します。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup
Neon + Drizzle のセットアップ

Drizzle ORM を使用して Next.js アプリを Neon Postgres に接続し、Vercel のサーバーレス関数向けに接続プーリングを最適化します。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-drizzle-setup
Pino ロギングのセットアップ

Pino を使用して構造化ロギングを設定します。開発環境では人間が読みやすい色付きログを出力し、本番環境ではログ集約サービス向けの構造化 JSON を出力します。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/pino-logging-setup

Cookbook - 次のレシピを順番に完了してください

Flags SDK によるフィーチャーフラグ

サーバーサイド評価、環境ベースの切り替え、Vercel Toolbar との連携を備えた、Vercel Flags SDK を使用するフィーチャーフラグを実装します。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/feature-flags-setup
Stripe サブスクリプションの DB 同期

Stripe、プラン設定用の Vercel Flags、Webhook によるサブスクリプション状態の Postgres への同期、使用状況の追跡、請求ポータルとの連携を備えた完全なサブスクリプションシステムです。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/stripe-sync

コメント

Markdown 対応