Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alexislepresle/gatsby-stripe-element

πŸ’³ Simple demonstration of stripe element integration with Gatsby.
https://github.com/alexislepresle/gatsby-stripe-element

gatsby gatsby-site gatsby-starter-kit gatsby-theme gatsbyjs netlify-functions stripe stripe-element

Last synced: 3 months ago
JSON representation

πŸ’³ Simple demonstration of stripe element integration with Gatsby.

Awesome Lists containing this project

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)