@8:17 just for clarity, you're not passing in error & paymentMethod but destructring return of method and taking those just two vars out of if. Thanks great content, keep it up 😁
I don't know if it was vocal fry. If it was, then sorry, it was annoying! But really great tutorial. The way you explained front-end and back-end was top notch. Cleared all my doubts. Thank you
Great Tutorial. I did all but I don't get the green Succesfull message on stripe website. it says "3D Secure attempt incomplete The cardholder began 3D Secure authentication but has not completed it.". What do I do ?
hey, followed exactly your tutorial but I am getting a 400 error from Stripe. "your testmode Stripe integration is experiencing errors because you’re not providing a return_url in your PaymentIntent.
The return_url is the url your customer is directed to after they complete their payment. As of version 2023-08-16 of the API, we now require that a return_url is provided upon PaymentIntent confirmation. We recommend updating your code to reflect this change to prevent any further errors." Would you consider updating your tutorial to reflect this change? Will try to find how to add this in Stripe's Docs
awesome video bro. liked & subbed for how smooth the implementation was. how would you modify the payment so that you could send it to a specific user? e.g. I have an app where a company pays influencers, so how would I allow the company to specifically pay out to a certain user?
Thx for the tutorial! one thing only... just can't take it anylonger... was sitting all day ... but did anyone tried to add (this rotating thing) after button PAY , tried first with useEffect and timeout on async function , then with conditional ternary operator... in rendering , How do i need to put it?.........
thanks for the tutorial but i i think we need to have email name and most importantly shipping adress and sending them to stripe so we can see the payment on stripe with all the details how can we do this here ?
Tnx for a good example how to use it! Have you experience to work with Stripe flow when payment session already created on backend and from React FE need just card data nd continue this payment?
I haven't encountered this exact scenario but the stripe docs are some of the best I've seen. So wouldn't be surprised if there was something in there about this.
Hi guys, I came here to say this As of Express version 4.16.0, If you facing 'bodyParser' is deprecated. use the following code on your server app.use(express.json()); app.use(express.urlencoded({ extended: false }));
I'm getting an error from server side "You did not provide an API key. You need to provide your API key in the Authorization header, using Bearer auth"
Thank You for an Awesome Tutorial. But I have one question. When I want to publish it to my own domain, How can I do that with the server running? Thanks
Thank you for the video, how do I let client download a file after making the payment through stripe ? Or maybe how to send an automatic email after making the payment ?
There are a bunch of ways you could accomplish this but if you wanted to send an email after a successful payment you could look into a service like SendGrid and trigger a send email function on successful payment.
@@DarwinTutorials That would be so awesome. In my learning process stripe integration in react native is only thing that I can't achieve completely. I did try to make take code from this video and make something similar on react native but without success
Hey @darwin ,, Everything works perfectly but when i click on pay .. it is not show in console successful payment...i cloned your repo but it's not working for me... please give me solution
There is a big security issue. Let's say, I pay for 5$ use correct card details but not correct CVV, then the payment will go through in the code. To ensure that the payment is successful, use this check: Thank me later: if (payment.amount !== payment.amount_received) { throw "Payment Failed"; }
is anyone else having trouble getting the card module to show up? I have a blue line but that's all. I'm going to try to run the source code and see if it works differently but I copy and pasted the actual source code into my files one by one and it still wasn't working.
yeah I'm not getting what the difference is between my code and yours. I tried everything other than having the back end built out when i was testing the front end. Because I assume it doesn't make a difference because that's when you checked if it was working in your tutorial. I've messed up my dependencies and am completely lost. I'm wonding if it was a font issue. This happens to me with every tutorial. There are a ton of comments from people saying things worked fine while meanwhile something always goes wrong and i copy and past the EXACT same code, and still it doesnt work.
perfect timing - i need a new spatula BADLY so thanks for the reminder
Everyone could use a new Spatula
Bro you are the only one on the internet with this 😭😭. Thanks is an understatement!!!!!!!!
its most simplest i have found and still refer to this video when I get stuck. Thanks for this !!!
@8:17 just for clarity, you're not passing in error & paymentMethod but destructring return of method and taking those just two vars out of if. Thanks great content, keep it up 😁
Thanks for that clarification. Talking and coding at the same time messes me up sometimes lol.
I don't know if it was vocal fry. If it was, then sorry, it was annoying! But really great tutorial. The way you explained front-end and back-end was top notch. Cleared all my doubts. Thank you
Really great stuff! Thank you for going from frontend to backend.
Thanks a lot for watching!
Superb. very easy to understand tutorial.
this is clearest video that ive been seeking 2 days
Thank you for a simple and easy tutorial!
Thanks for watching!
very good job , probably the best react stripe tutorial on youtube
Thanks a lot appreciate that.
Try my Stripe tutorial out too? :) It's the Nike Clone. Click my icon :)
Had a question. I keep getting a network error for some reason, ERR_CONNECTION_REFUSED. Even though I have everything configured exactly like you do..
This tutorial is a life-saver for me! Really Good work bro
Thanks a lot for watching
Great Tutorial. I did all but I don't get the green Succesfull message on stripe website. it says "3D Secure attempt incomplete
The cardholder began 3D Secure authentication but has not completed it.". What do I do ?
Did you get the solution to this?
Thanks for sharing this, I have a question to you, I like your font you're using in VS Code, what is it?
hey, followed exactly your tutorial but I am getting a 400 error from Stripe. "your testmode Stripe integration is experiencing errors because you’re not providing a return_url in your PaymentIntent.
The return_url is the url your customer is directed to after they complete their payment. As of version 2023-08-16 of the API, we now require that a return_url is provided upon PaymentIntent confirmation. We recommend updating your code to reflect this change to prevent any further errors."
Would you consider updating your tutorial to reflect this change? Will try to find how to add this in Stripe's Docs
awesome video bro. liked & subbed for how smooth the implementation was. how would you modify the payment so that you could send it to a specific user? e.g. I have an app where a company pays influencers, so how would I allow the company to specifically pay out to a certain user?
Can we do the entire Server side implementation on Google Cloud function ?
The explanation's soo clear! Thanks a lot for the video
Awesome. Glad to hear it.
thank you so much! this helped me so much! i now created my first e-commerce store online thanks to your help.
That's really awesome to hear.
know how to fix the ERROR
Cannot read properties of null (reading 'useMemo')
strip does bill for people? How can I put more fields in the form? I want the shipping address to send the cookies I sell,
thanks mate, awesome tutorial. I really appreciate the way you explained everything
Thanks a lot for watching. Appreciate it.
I just saw your video and it's great. Never heard of a spatula empire but I want one too
Maybe if we team up we can conquer the market.
i am getting an error: automatic credit card filling is disabled because this form does not use a secure connection.Can you tell me how to solve it
Thx for the tutorial!
one thing only...
just can't take it anylonger... was sitting all day ... but did anyone tried to add (this rotating thing) after button PAY , tried first with useEffect and timeout on async function , then with conditional ternary operator... in rendering , How do i need to put it?.........
Is it possible to implement stripe integration only from the front end? With restricted key ?
Amazing video! Perfect video about payment with Stripe. New subscriber.
Thanks so much. Really appreciate that.
Thanks Brother Very Much . May God Bless You
Thanks for watching.
Thanks so much brother for the tutorials.
Thanks for watching
I tried deploying it in live but I was getting preflight is not successful. How can I resolve this?
thanks for the tutorial but i i think we need to have email name and most importantly shipping adress and sending them to stripe so we can see the payment on stripe with all the details how can we do this here ?
Tnx for a good example how to use it! Have you experience to work with Stripe flow when payment session already created on backend and from React FE need just card data nd continue this payment?
I haven't encountered this exact scenario but the stripe docs are some of the best I've seen. So wouldn't be surprised if there was something in there about this.
@@DarwinTutorials tnx, will check
Thanks, it's very helpful
Hi guys, I came here to say this
As of Express version 4.16.0,
If you facing 'bodyParser' is deprecated.
use the following code on your server
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
Thank you
thanks!
I'm getting an error from server side
"You did not provide an API key. You need to provide your API key in the Authorization header, using Bearer auth"
How can I apply this to a cart with multiple products and I want to checkout for those items in cart?
Thank Darwin, this's awesome
Thanks for watching!
Love you for this
Love you for watching
can people change the amount in the App which is being sent to the backend ? if not please care to explain why
Thank you!
Thanks for watching
Thanks! Best explanation out there!
Thanks for watching!
Thank You for an Awesome Tutorial. But I have one question. When I want to publish it to my own domain, How can I do that with the server running? Thanks
You'll have to set up a server on a service like digital ocean or something similar.
@@DarwinTutorials Thanks 🙏
Great video and very clear, thanks a lot it helped me!
Awesome glad it was helpful
Thank you for the video, how do I let client download a file after making the payment through stripe ? Or maybe how to send an automatic email after making the payment ?
There are a bunch of ways you could accomplish this but if you wanted to send an email after a successful payment you could look into a service like SendGrid and trigger a send email function on successful payment.
You can use nodeMailer module for nodejs if you want to send emails.
Hì bro, can u share to me a name of font or extension name of that font u use ? Thanks!
Can anyone help me My CardElement from Stripe is just appearing once on every 5 refreshes of the page
thanks ,saved my day
Awesome, glad it was useful.
error and paymentMethod shows undefined what i do ????
Nice tutorial. But if we make an actual payment where is that money going?
Dashboard
Nice video I was wondering if you would cover making a social network API with mongodb and apollo server and implement the Follow feature
Possibly in the future but most likely not super soon.
Thanks Man !
Thanks for watching
Could you please make one for react native as well?
Probably not super soon but I'll add it to the queue
@@DarwinTutorials That would be so awesome. In my learning process stripe integration in react native is only thing that I can't achieve completely. I did try to make take code from this video and make something similar on react native but without success
Hey @darwin ,, Everything works perfectly but when i click on pay .. it is not show in console successful payment...i cloned your repo but it's not working for me... please give me solution
Did you change the keys?
thx
Hi there, can you do a vid with this same example using Nextjs, please?
That's a good idea I'll try to do a NextJs one sometime soon.
Does this work on Windows 10?
Because I'm having errors
I haven't tried it out on Windows 10 unfortunately so not really sure.
which theme and font do you use in your vs code??
Night Owl and Dank Mono
@@DarwinTutorials Thank you very much
@@hrishikeshdalimbkar446 No problem :)
I don't know how to setup the route of the backend
It's not work
hi. im getting an error that auto filling is disabled because of an unsecure connection
Might be because of using http and not https, you could try changing that.
There is a big security issue. Let's say, I pay for 5$ use correct card details but not correct CVV, then the payment will go through in the code.
To ensure that the payment is successful, use this check:
Thank me later:
if (payment.amount !== payment.amount_received) {
throw "Payment Failed";
}
followed exactly but getting an error "your card was declined. your request was in live mode, but used a known test card"
Seems like you may have it set to live mode on stripe.
@@DarwinTutorials thank you! This worked
What is the name of the editing tool used in the video (1:38)?
vscode
@@DarwinTutorials THANKS
@@현대김-e7j No problem.
Can you help us by hosting this? Cant get any sourse to host a node and react apk
using netlify probably?
my console says : localhost:3000/payment (404) not found any fix for this? Please reply
Did you set up the route on the backend?
@@DarwinTutorials how to do that
Thanks,
No problem, thanks for watching.
If you enter an insufficient funds card number (4000 0000 0000 0002). It won't continue, right?
Correct
@@DarwinTutorials Is there any way to fix it?
@@yuqingyang3956 It's not really a bug you would want to fix, like you wouldn't want it to go through.
I could not understand the backend part.
Try my tutorial, Nike Clone, it has a step by step installation instruction for the back end parts. :) Click my icon
what is the topic?
Hi I am getting an error please can you help me
is anyone else having trouble getting the card module to show up? I have a blue line but that's all. I'm going to try to run the source code and see if it works differently but I copy and pasted the actual source code into my files one by one and it still wasn't working.
The source code just ran. I hate this shit. Time to figure out what the fuck I have wrong.
yeah I'm not getting what the difference is between my code and yours. I tried everything other than having the back end built out when i was testing the front end. Because I assume it doesn't make a difference because that's when you checked if it was working in your tutorial. I've messed up my dependencies and am completely lost. I'm wonding if it was a font issue. This happens to me with every tutorial. There are a ton of comments from people saying things worked fine while meanwhile something always goes wrong and i copy and past the EXACT same code, and still it doesnt work.
Im basically using the comments to vent, my b
Bro i am also having the same issue my CardElement show ups only for once on every 5 refreshes i am also searching for the help
awesome💪
Thanks for watching
Awesome video +++++++++++++++ thank you
Thanks for checking it out!
How abour a discord server to contact you and share codes
If this channel keeps growing and there is some more demand for that I think that might be a good idea.
What's your font?
Dank mono
getting an invalid hook error
It not woking in my project ToT. Who can help me, pls?
Hmmm which part isn't working for you? Have you tried to clone the repo?
may i know can i import your code to .tsx file?
Yeah, I don't see why not. You may have to add a few typings.
the tutorial is really good , however now every dev has to rewrite the same shit which is plain stupid
damn why did they put the amount in cents LMAO
lol
@@DarwinTutorials Whooa, what is cent? ))))
Why every tutorial need fucking AXIOS
lol, not a fan?
Use semicolons ffs
I love the guide and all, but what the fuck is that font my dude
Thanks a lot, great explanation!!!
Thank you
No problem thanks for watching!