How To COLLECT PAYMENTS With STRIPE + NEXT.Js (Step-By-Step Tutorial)

• ecommerce-nextjs-stripe-checkout

  1 118 0.0 JavaScript

  💰 🌱 E-commerce store built with Next.js and Stripe checkout

  

However, I'm not going to show you how to build the Next.js e-commerce website from scratch, but you can find the source code on Github. So check this out!

• axios

  440 104,043 8.4 JavaScript

  Promise based HTTP client for the browser and node.js

  

So inside that function, start by creating the Stripe checkout sessions using axios to perform a POST request to the /api/checkout_sessions API endpoint we just created.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• SWR

  243 29,431 8.2 TypeScript

  React Hooks for Data Fetching

  

Once we've got this id, we could perform a GET request to /api/checkout_sessions/${session_id} using the useSWR hook from the swr package.

• Stripe

  300 3,601 8.9 PHP

  PHP library for the Stripe API.

  

Then you need to create an account on stripe.com. But don't worry, it's entirely free. You don't have to provide you credit cards or anything. You just need to click the sign-in button at the top, and you should be good to go.

Suggest a related project