sockervadd-checkout | Stripe Developers | Page 1

haughty monolith Jul 12, 2022, 4:50 PM

#

Hello! Give me one minute and I can help

fallen zodiac Jul 12, 2022, 4:53 PM

#

sure

#

I use it on a Next.js application, but since I want to use @stripe/react-stripe-js on the frontend, it seems that I don't need that server method after all

haughty monolith Jul 12, 2022, 4:58 PM

#

You definitely still need a server-side component to create the Checkout Session and generate a URL to redirect your customers to.

haughty monolith Jul 12, 2022, 5:17 PM

#

@fallen zodiac Did that answer your question?

fallen zodiac Jul 12, 2022, 5:20 PM

#

Well going through the Stripe example itself, they dont use this server method, so I must admit that I am still confused after watching countless videos

#

They simply create a payment intent - which is done on the server

#

Then something like await stripe.confirmCardPayment on the client

rare burrow Jul 12, 2022, 5:21 PM

#

Hi there 👋 taking over

If they are using confirmCardPayment then they are either (a) not using Checkout, or (b) using it in a separate workflow. These are entirely different products built on entirely different technnologies

fallen zodiac Jul 12, 2022, 5:21 PM

#

Yep, and I think this is the reason behind my confusion

#

I want to use React and the elements it provides to stay on the same web app

#

Without being redirected to a managed Stripe checkout

rare burrow Jul 12, 2022, 5:22 PM

#

Alright, and which tutorial are you following?

fallen zodiac Jul 12, 2022, 5:23 PM

#

I was doing this one here: https://youtu.be/sPUSu19tZHg?t=1555

YouTube

Stripe Developers

Getting started with Next.js, TypeScript, and Stripe

Learn how to create Next.js applications in TypeScript and how to benefit from types when implementing Stripe Checkout.

Resources

▶ Play video

#

That uses stripe.checkout.sessions.create - but do I understand correctly then that this is not for the React part at all?

rare burrow Jul 12, 2022, 5:25 PM

#

I would recommend following along with this quickstart: https://stripe.com/docs/payments/quickstart

#

It has most of the code you need for either React or Next

fallen zodiac Jul 12, 2022, 5:27 PM

#

yeah sure, I will look through it again

#

For my use case then, I simply need to create a payment intent, and then followed by await stripe.confirmPayment

#

To my question then, I was not sure why they had to use await stripe.checkout.sessions.create in other places

rare burrow Jul 12, 2022, 5:28 PM

#

It's not quite that simple. I would follow the quickstart step-by-step

#

I haven't watched the entire video, so I can't say

fallen zodiac Jul 12, 2022, 5:31 PM

#

I think I am mixing up different Stripe technologies like you said

#sockervadd-checkout

Resources