概要
JP_Stripes 大阪 Vol.11のLTで発表した、AWS AmplifyとNext.jsを使用して作成したStripe決済のデモサイトです。 サーバーレスアーキテクチャでの決済システムの実装例として作成し、LTでは構成や実装中のポイントなどを解説しました。 発表スライドはこちら
使用技術
Next.js AWS Amplify Stripe API TypeScript
機能
- 商品一覧表示
- カート機能
- Stripeによる決済処理（テストモードで実装）
画面紹介
商品一覧
商品ページ
商品カートモーダル
注文（注文情報入力）
注文後ページ
Stripe: ダッシュボード
※ サムネイルをクリックすると詳細を確認できます。
構成イメージ
Stripe決済を統合したモダンウェブアプリケーションです。図はシステム全体の構成になります。
