SECRET_KEY

PUBLISHABLE_KEY

PRODUCT_ID

CUSTOMER_ID

Discover how to integrate Stripe API to accept and manage online payments, create recurring charges, and handle payments in React apps using Stripe SDKs and libraries.

stripe.tar.gz

code-widget-job

app-demo

Stripe helps developers to accept payments online. It allows you to keep track of payments, search past payments, create recurring charges, and keep track of customers. Stripe API helps to access the Stripe functionalities.

This course is designed for learners who want to learn about Stripe SDKs and libraries (both client and server) to enable payments in their apps and expand their skill set. This course provides React applications to help you learn how to create a checkout experience and handle various payment scenarios with Stripe.

Integration With Stripe API

In this chapter, we will learn about building a complete checkout journey for the customers. We will be using [Fake Store API](https://fakestoreapi.com/) as a mock e-commerce store service. We will retrieve the products and cart details from the Fake Store API and process the payment using Stripe and Stripe Elements.

The application that we will be interacting with throughout this chapter consists of two components: a frontend and a backend. The directory structure of this application is given below:

Learn how to set up the server for creating a checkout experience using Stripe.

Introduction

Understanding Stripe API

Creating a Checkout Experience

Conclusion

Setting Up the Server