Giter Club home page Giter Club logo

stripe-payments-js-course's Introduction

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

stripe-payments-js-course's People

Contributors

codediodeio avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.