Agregando productos a nuestra tienda en línea

Para usar Stripe desde nuestra aplicación con gatsby necesitamos instalar los siguientes plugins:

npm i gatsby-source-stripe gatsby-plugin-stripe

Además, la librería dotenv nos permitirá acceder a nuestras variables de entorno para usar a las llaves privadas de Stripe:

npm i dotenv

Luego de esto debemos añadir los plugins al archivo gatsby-config.js:

// gatsby-config.js
require('donetv').config({
  path: `.env.${process.env.NODE_ENV}`,
});

module.exports = {
  siteMetadata: { /* ... */ },
  plugins: [
    /* ... */
    `gatsby-plugin-stripe`,
    {
      resolve: `gatsby-source-stripe`,
      options: {
        objects: [`Sku`],
        secretKey: process.env.STRIPE_SK,
      },
    }
    /* ... */
  ],
};

De esta forma tendremos disponibles los productos de Stripe desde el servidor de GraphQL en Gatsby:

# localhost:8000/__graphql

query {
  allStripeSku {
    edges {
      node {
        id
        price
        product {
          name
          metadata {
            description
            wear
            img
          }
        }
      }
    }
  }
}