Product Admin Demo

商品を入力すると、
販売カードと決済リンク案を作れます。

画像、作物名、価格、在庫数、説明を入れるだけで、LPに掲載する商品カードの見え方を確認できます。正式運用ではStripe APIと連携し、Stripe側に商品とPayment Linkを作る設計にします。

安全な方針

Stripeの秘密キーはブラウザには置きません。正式実装ではCloudflare Secretsに保存し、サーバー側FunctionからStripeへ作成依頼を送ります。

01 Product Input

販売する商品を入力

このデモでは実際のStripe商品は作成しません。正式運用時は、ここで入力した内容をサーバー側からStripeへ送り、Payment Linkを発行します。

02 Preview

LPに表示される商品カード

「商品カードを作る」を押すと、ここに掲載イメージが表示されます。