# gatsby-theme-stripe-element > πŸ’³ Simple demonstration of stripe element integration with Gatsby Latest version **0.1.0** (published 2019-07-31) Β· MIT license Β· 0 weekly downloads ## Install ```sh npm install gatsby-theme-stripe-element pnpm add gatsby-theme-stripe-element yarn add gatsby-theme-stripe-element bun add gatsby-theme-stripe-element ``` ## Health **Score 15/100 (F)** β€” status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.1.0 | | Published | 2019-07-31 | | First published | 2019-07-31 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 21 | | Unpacked size | 206.4 KB | | Known vulnerabilities | 0 (+28 in 4 direct dependencies) | | Install scripts | no | | GitHub stars | 2 | | Author | Alexis Lepresle | | Maintainers | alexislepresle | | Keywords | gatsby, gatsby-theme, gatsby-plugin | ## Links - npm: https://www.npmjs.com/package/gatsby-theme-stripe-element - Repository: https://github.com/alexislepresle/gatsby-stripe-element - Homepage: https://github.com/alexislepresle/gatsby-stripe-element#readme - Issues: https://github.com/alexislepresle/gatsby-stripe-element/issues - npm.io page: https://npm.io/package/gatsby-theme-stripe-element ## Dependencies (21) - [axios](https://npm.io/package/axios.md) ^0.19.0 - [bulma](https://npm.io/package/bulma.md) ^0.7.5 - [react](https://npm.io/package/react.md) ^16.8.6 - [gatsby](https://npm.io/package/gatsby.md) ^2.13.13 - [stripe](https://npm.io/package/stripe.md) ^7.4.0 - [node-sass](https://npm.io/package/node-sass.md) ^4.12.0 - [react-dom](https://npm.io/package/react-dom.md) ^16.8.6 - [prop-types](https://npm.io/package/prop-types.md) ^15.7.2 - [gatsby-image](https://npm.io/package/gatsby-image.md) ^2.2.4 - [react-helmet](https://npm.io/package/react-helmet.md) ^5.2.1 - [netlify-lambda](https://npm.io/package/netlify-lambda.md) ^1.5.0 - [gatsby-plugin-sass](https://npm.io/package/gatsby-plugin-sass.md) ^2.1.1 - [gatsby-plugin-sharp](https://npm.io/package/gatsby-plugin-sharp.md) ^2.2.3 - [gatsby-plugin-stripe](https://npm.io/package/gatsby-plugin-stripe.md) ^1.2.1 - [gatsby-plugin-offline](https://npm.io/package/gatsby-plugin-offline.md) ^2.2.1 - [gatsby-plugin-manifest](https://npm.io/package/gatsby-plugin-manifest.md) ^2.2.1 - [gatsby-source-filesystem](https://npm.io/package/gatsby-source-filesystem.md) ^2.1.3 - [gatsby-transformer-sharp](https://npm.io/package/gatsby-transformer-sharp.md) ^2.2.1 - [gatsby-plugin-react-helmet](https://npm.io/package/gatsby-plugin-react-helmet.md) ^3.1.0 - [react-notifications-component](https://npm.io/package/react-notifications-component.md) ^1.1.1 - [react-stripe-elements-universal](https://npm.io/package/react-stripe-elements-universal.md) ^1.2.0-3 ## Recent versions - 0.1.0 (latest) β€” 2019-07-31 ## README [![Netlify Status](https://api.netlify.com/api/v1/badges/55942183-8ef7-4cc7-9754-8fb8c9fda1cc/deploy-status)](https://app.netlify.com/sites/stripe-element/deploys)

πŸ’³πŸ’³

Gatsby with Stripe Element

This project is built with Gatsby, Bulma, Stripe Element, and Netlify Functions. This demo is [here](https://stripe-element.netlify.com/) by alexislepresle. ## πŸš€ Quick start 1. **Create a Gatsby site.** Use the Gatsby CLI to create a new site, specifying the default starter. ```sh # create a new Gatsby site using the gatsby-stripe-element gatsby new gatsby-stripe-element https://github.com/alexislepresle/gatsby-stripe-element ``` 2. **Start developing.** Navigate into your new site’s directory and start it up. ```sh cd gatsby-stripe-element/ gatsby develop netlify-lambda serve ``` 3. **Open the source code and start editing!** Your site is now running at `http://localhost:8000`! ## πŸ’« Deploy [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/alexislepresle/gatsby-stripe-element) --- _Source: https://npm.io/package/gatsby-theme-stripe-element Β· Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._