HonoとStripe Checkoutではじめる商品販売ページ入門

hidetaka okamoto

Stripe Checkout は、少ないコードで単発・定期課金のカード決済を始められる Stripe のサービスです。Hono の JSX でサーバー側レンダリングした商品一覧と、HTML フォームから始まる Checkout フロー、Cloudflare Workers へのデプロイまでを一冊で追えるようにしました。 # 触れるもの - Hono の JSX で HTML を返しつつ、必要に応じて JSON ルートも用意する - Wrangler の `types` で `c.env` を型付けし、Stripe ミドルウェアにつなぐ - Stripe Checkout（`POST /checkout` から 303 リダイレクト）と Webhook を実装する - Cloudflare Workers にデプロイする # 無料公開と有料章の構成 第7章までは無料で読めます。Hono のセットアップから JSX による SSR、Stripe アカウントの開設、商品と価格を取得してブラウザに表示するところまで進められる構成です。第8章からは有料章として、Stripe Checkout のセッション作成と決済フロー、Webhook ハンドラーの実装とテスト、Cloudflare Workers への本番デプロイ、発展的な使い方までを扱います。 Hono の入門と Stripe Checkout のはじめの一歩に使ってもらえればうれしいです。