Fullstack Stripe Payments for the JavaScript Developer
Build a fullstack Stripe Payments solution with Node.js. Learn the following concepts...
- Build a secure backend with Node.js & Express
- Manage Stripe Checkout sessions
- Use the Payment Intents API to support 3D Secure Payments
- Recurring subscriptions & webhooks
- Customize the UI with Stripe Elements
- Integrate with real cloud infrastructure (Firebase Auth & Firestore)
- Deploy as a Docker Container OR to Firebase Cloud Functions
Try the Live Demo (React).
Enroll in the Stripe JavaScript Course.
Usage
Clone this repo.
Backend Setup
The /server directory contains the Node.js API. Replace the .env file with your API credentials.
cd server
npm install
npm run dev
Running Webhooks in Development
Install the Stripe CLI to run webhooks in development.
stripe listen --forward-to localhost:3333/hooks
Frontend Setup
The backend API can be integrated with the following frontend frameworks.
React
cd react-app
npm install
npm start
Angular
Work in Progress
Vue
Work in Progress
Deployment
Option 1 - Docker
Dockerize the server for deployment to services like Cloud Run, GKE, Elastic Beanstalk, etc.
cd server
docker build -t fireship/stripe-server .
docker run -p 3333:3333 fireship/stripe-server
Option 2 - Firebase Cloud Functions
Deploy to Cloud Functions to simplify your code with a tight integration to Firebase.
firebase deploy --only functions