Gatsbyで作るサイトに、use-shopping-cartを使ってStripe Checkoutを利用したECカート機能を実装する - Qiita

以前「カート機能を簡単に実装できるフックライブラリ」としてuse-shopping-cartを紹介しました。 今回は、このuse-shopping-cartをGatsbyで作成した静的サイトで利用する方法を紹介します。 事前準備 今回紹介する方法では、REST APIなどを使用せず、クライアント側の組み込みのみでCheckoutのセッションを開始します。 そのため、事前にStripeダッシュボードの設定ページで、「クライアント側のみの組み込み」を有効にしましょう。 直接飛ぶ場合: https://dashboard.stripe.com/settings/checkout 無効化されている状態 有効になっている状態 Gatsbyプロジェクトのセットアップ まずはGatsbyプロジェクトをセットアップしましょう。 今回はuse-shopping-cart組み込みがメインのため、設定はデフォル