Stripe Server Checkout with React and Express

Deprecated due to SCA: ~~A full walkthrough tutorial of implementing this boilerplate project.~~
SCA ready Tutorials:
- Stripe Server Checkout
- Stripe Webhook Fulfillment

Installation

git clone git@github.com:rwieruch/react-express-stripe.git
cd react-express-stripe

Important: Setup works only with backend hosted somewhere reachable via an IP or domain. Stripe's Webhooks are not going to work on a localhost backend. The frontend application can run locally though.

Stripe Registration and API Keys

Register at Stripe and Setup a Payment Account to access the Dashboard
Find your API Keys:
Replace frontend
- API keys: YOUR_STRIPE_PUBLIC_KEY
Replace backend
- API keys: YOUR_STRIPE_SECRET_KEY
- Webhook secret: YOUR_STRIPE_WEBHOOK_SECRET
  - needs a Webhook setup on your Stripe dashboard

Frontend

cd frontend
npm install
npm start
visit http://localhost:3000/

Backend

cd backend
npm install
npm start
visit http://localhost:8888/

Usage

When using it in production, you have to use a real credit card. Otherwise, in development mode, you can use a Stripe's test credit cards: