サブスクリプション販売サイト（Stripe決済）

背景と課題

プラン選択からオンライン決済、開通案内までを自動化しつつ、運営側は管理画面で注文と顧客を管理できる仕組みが必要でした。決済状態はフロントの画面遷移に頼らず、Webhookで確実に同期することが求められました。

ソリューション

Next.js App Router・Prisma・PostgreSQLで構築し、Stripe Checkoutのホスト型決済ページでカード情報を扱わない安全な決済を実現。Webhookの署名検証後に注文状態を更新してメール通知を送信し、管理画面で注文・交付・顧客を一元管理、顧客はセルフサービスページで自身の状況を確認できます。

成果物

• Stripe Checkout＋Webhookによるオンライン決済フローを完結
• 管理画面で注文・交付・顧客管理までカバー
• 顧客向けセルフサービスページで問い合わせ対応の負担を軽減
• Vitestによるテストと Docker Compose 環境で保守性を確保