gatsby-plugin-stripe-checkout

[deprecated] gatsby-plugin-stripe-checkout

THIS PROJECT IS NOW DEPRECATED. Read below for more details.

Stripe has now published a wrapper for Stripe.js that you should use instead of this plugin. For an example of it used in a React project with Stripe Elements, see these Stripe docs.

This plugin will no longer be maintained or updated.

---

Use cases include:

• Create an e-commerce store where you bring in your products and skus via gatsby-source-stripe and then use Stripe Checkout to handle user purchases. Note that currently when using Stripe Checkout you will need to also have a backend process for handling payments (AWS Lambda or clay.run are good options here). (This is not the case if you're using the new Stripe Checkout with gatsby-plugin-stripe.)

If you want more control over the checkout experience, it's recommended that you use Stripe Elements instead of Stripe Checkout. For integrating Stripe Elements into your Gatsby site, use gatsby-plugin-stripe.

An example project using this plugin is Unicorn Mart.

How to use

1. Install using either npm or yarn:

yarn add gatsby-plugin-stripe-checkout

or

npm install gatsby-plugin-stripe-checkout

1. Add to gatsby-config.js

module.exports = {
  plugins: [
    `gatsby-plugin-stripe-checkout`,
  ]
}

To load the <script> tag asyncronously, pass an 'async' option in gatsby-config.js.

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-stripe-checkout`,
      options: {
        async: true,
      },
    },
  ],
}