This plugin is in early release, please test and provide any feedback.

This plugin simplifies the use of Use-Shopping-Cart with your existing Gatsby site by handling the integration of the <CartProvider> for you. Use-Shopping-Cart is an API layer to manage shopping cart logic and handle integration with Stripe payments for secure transactions. Plugin options allow you to configure Use-Shopping-Cart according to their docs.

npm install gatsby-plugin-use-shopping-cart use-shopping-cart

yarn add gatsby-plugin-use-shopping-cart use-shopping-cart

//gatsby-config.js
plugins: [
  //...other plugins...
  {
    resolve: `gatsby-plugin-use-shopping-cart`,
    options: {
      mode: "payment",
      cartMode: "client-only",
      stripePublicKey: process.env.GATSBY_STRIPE_PUBLIC_KEY,
      successUrl: "https://www.google.com", // url must start with http or https
      cancelUrl: "https://www.stripe.com", // url must start with http or https
      currency: "USD",
      allowedCountries: ["US", "GB", "CA"],
      billingAddressCollection: true,
    },
  },
]

The following options are taken directly from the standard use-shopping-cart API. Default values are provided where possible using Gatsby's plugin configuration API.

mode - String cartMode - String stripePublicKey - String successUrl - String cancelUrl - String currency - String allowedCountries - Array of strings billingAddressCollection - Boolean