4 years old video and it still gives a super useful introduction to how this works! Especially because it will help you to understand the official Stripe provided integration code with backend and frontend. I followed the steps, and everything is still valid (Only thing i had to modify was const { v4: uuid } = require("uuid"); in backend). Perfect balance between teaching what's going on and follow along coding. Also like that you point the learner to the npm package documentations. It helps a lot to read those even if its just a short peek!
this is the most simplified reaction and stripe tutorial i have ever seen. the other teachers i have encountered make it so complex over nothing. thanks a lot hitesh
Most complete and simple tutorial on Stripe Payment Gateway you can ever find covering each bit of things. Thank u so much, sir. You earned my respect.
Hey man just wanted to say that this video saved my life. Tried to get a grasp of backend development simultaneously making a project where some kind of credit card payment was necessary, yet really struggled in the process, this really helped to brighten everything up. Thank you very very much!
Good timing , I'm also included to you seen 4+ years, last completed react.js studying react native, Next node.js for backend. Today's Designed a react native app. I wanna say that it’s a serprize tutorial for me, thanks a lot sir 💖💖💖
Ohh bahi.. This is the best video on React. I was struggling to find right video which explains end to end even if it means simple feature implementation. Tired of those videos that explain just loops, keywords, etc
Cool, i have to integrate stripe in one of project, so i need to do a POC on stripe. Thanks a lot man for that such kind of cool video. This help me alot to understand stripe.
I think for developers in India, you need to use 'inr' for currency. If you choose to use 'usd' you will have to add few more details for the customer ( name and address). If you proceed with 'inr', you will be able to see a successful payment in your dashboard.
you can create the react app after creating the folder.. just go into that folder and give this command "create-react-app . " (with just a dot after it) and it will create all node_module and stuff on the current dir without creating a new dir.
I would suggest watchers use "react-stripe-js" instead of "react stripe checkout" since the latter is not the official library and its latest version was published 3 years ago (so expect no support). React stripe js is the official library developed and maintained by stripe devs. Hitesh should have made us aware of the official react library for stripe instead of getting away with a cheaper library just because its syntax is easy.
great job. to add, are you are that the stripe customers api doesn't self check if the customer already exists, wether it does on not stripe creates another customer with he same email address..... this is more a burden if you use the stripe prebuilt checkout version.
Finally something I wanted much at this time,i am already working on a restaurant website and only work left was to integrate payment gateway option. This will help me a lot. I thank you
Your comment are highlighted and in written in a specific format Can you make a crash course how to comment , document nodejs app/routws and react app as well
how can you undersatnd all this from reading the documentation. great easy video but i really want to start reading the docs to these things better and i don't really see ANY results on the documentation that look ANYTHING like this code ...
STRIPE API AUTHENTICATION ERROR I used to get a stripe API key authentication error => StripeInvalidRequestError: You cannot accept payments using this API as it is no longer supported in India. How can I solve this one?
Hi Hitesh, I'm very happy to say that I have explored more things from your vedios. It's really awesome. Can you please make vedio for bluesnap payment gateway for Local bank transfer, credit card, debit card in NodeJs with express JS. I have searched a lot but still I can't get the exact idea about it. So can you please make vedio for bluesnap based payment gateway in NodeJs with ReactJS,Thank you.
On the Front-End the "react-stripe-checkout" library is legacy and I get a Warning in the console "You’re using the legacy version of Stripe Checkout."
if anyone is trying to get the payment to show up in the stripe dashboard. Remove the shipping and address lines from index.js. That did it for me. I also changed the : // .then(result => res.status(200).json(result)) to: .then(result => res.status(200).send({ success: result })) in the same file.
There is one thing I don't understand. We sperate the frontend and the backend so that we protect our data in the backend. How can we protect the data from the backend when we inject the frontend data vai req into our backend?
Please make some videos on payment gateway like GPay and Paytm. if possible please make on Reactjs. There is no video that is working correctly. all of them are outdated. even 2 months back. Paytm has updated their API. for me it is difficult to understand
lmao i just spent an hour trying to figure why my api keys werent working only to realize that you swapped and that if i just watched a few more minutes then i would of realized
Why did you use react-stripe-checkout which is very old library. There is a new stripe library with hooks for dealing with that. Anyway awesome video ;)
47:00 Could you please explain why the payments are not reflecting in the stripe dashboard? Another one of my test projects are logged as v1/charges, while this project simply logs as v1/tokens
I'm always getting Invalid API Key provided. The customer is created but the charge fails with this error. the keys are correct, that's why the payments are not displayed in strip dashbaord
After installing "react-stripe-checkout" terminal is showing critical and high vulnerabilities in packages (even npm audit fix doesn't help). Is it really safe ?
There is problem with .env in react. when i retrieve key from .env file in react it gives some error : StripeCheckout.configure: Type mismatch for option 'key': Looking for type 'string', but instead we found 'undefined'. If i paste key directly in app.js file then its ok.
I need a help and advice. The Stripe plugin by Woocommerce do not accept International Payments for Indian merchants. Payment Intent failure is coming. I contacted Stripe and they adviced to add some coding lines for Indian export. 1. Is it possible to edit php file of stripe plugin made by woocommerce and run it successfully and accept international payments? 2. I do not know coding. Then how to do that. Both woocommerce and stripe told me that they will not do any coding help for me. 3. I cannot accept payment through Wpform and Stripe integration as I sell ebooks through woocommerce which will only be availabe to download after payments, automatically. 4. Though I use Paypal but many countries do not have PayPal and some do not have PayPal account also. 5. Stripe is the best option. Believe me it is a serious problem for Indian merchants who want to accept International Payments. And the interesting part is even the Stripe support do not have proper idea about the problem I am talking about. I will be obliged of anyone help or give me proper advice for Stripe. Regards
Do I have to use always this third part services as "Stripe, Paypal, ...." ? Can I only have my own way of payment using Visa or Mastercard for not having to use Stripe or other for example?
Hi Hitesh, thanks for this video. I have gone through the steps you have mentioned in it but getting 404 error. Response is being shown in console but status is undefined. I tried to check your file on your site but could not find them. Please provide exact path. I want to verify my code to know the gap. One question, how stripebackend is connected with stripefronend project? I set log in app.post in stripebackend but it is not appearing in log. Seems not hitting this method. Thanks.
4 years old video and it still gives a super useful introduction to how this works! Especially because it will help you to understand the official Stripe provided integration code with backend and frontend.
I followed the steps, and everything is still valid (Only thing i had to modify was const { v4: uuid } = require("uuid"); in backend).
Perfect balance between teaching what's going on and follow along coding. Also like that you point the learner to the npm package documentations. It helps a lot to read those even if its just a short peek!
this is the most simplified reaction and stripe tutorial i have ever seen. the other teachers i have encountered make it so complex over nothing. thanks a lot hitesh
Hey , can you tell me how to get success message in mail after payment ?
Most complete and simple tutorial on Stripe Payment Gateway you can ever find covering each bit of things. Thank u so much, sir. You earned my respect.
Hey , can you tell me how to get success message in gmail after payment ?
Wonderful tutorial! Thorough without being over-complicated. You are very skilled as an educator!
After 3 useless tutorials on adding payment gateway in react node , this is the one valuable , thnx Hitesh sir
Hey man just wanted to say that this video saved my life. Tried to get a grasp of backend development simultaneously making a project where some kind of credit card payment was necessary, yet really struggled in the process, this really helped to brighten everything up. Thank you very very much!
Wish we have more elite-class Crash Course like this from this channel. The best programming channel in TH-cam.
Love this channel 😘
not the best, but one of the best
Hey , can you tell me how to get success message in gmail after payment ?
please make a updated video on this topic
Very nicely done! Congrats. Easy to implement and clear right from the start. Your video helped me tons in implementing Stripe in a similar fashion.
thanks a lot mr Hitesh, this channel been my reference as building real apps with the modern technology
Good timing , I'm also included to you seen 4+ years, last completed react.js studying react native, Next node.js for backend. Today's Designed a react native app. I wanna say that it’s a serprize tutorial for me, thanks a lot sir 💖💖💖
This video is really helpful and exactly what I needed to get started on this, thank you for the clear explanations and hard work put into this!
Thanks hitesh
Watched many videos on integration of stripe with react and express
but this only works and doesn't give any errors
Thankyou
Subscribed
Sir your videos are really helpful and content-rich. It would be great if you can make a video on RazorPay with ReactJS and NodeJS
Please make video on implementation of razorpay in mern project.
Ohh bahi.. This is the best video on React. I was struggling to find right video which explains end to end even if it means simple feature implementation. Tired of those videos that explain just loops, keywords, etc
Thank you so much 😀
Cool, i have to integrate stripe in one of project, so i need to do a POC on stripe. Thanks a lot man for that such kind of cool video. This help me alot to understand stripe.
Yes sir ^ infinity 😇..... We love you every course sir, they have more quality than premium courses
Bro, can you do a video on paytm integration with the MERN stack please...
I need that too
I think for developers in India, you need to use 'inr' for currency. If you choose to use 'usd' you will have to add few more details for the customer ( name and address). If you proceed with 'inr', you will be able to see a successful payment in your dashboard.
Best TH-cam channel,content is awesome
Need more from you sir.....
Why is it so that LCO is powered by php not by node or danjgo?
I just admire your way of doing sessions and speaking and guiding and what not. Much love and respect❤
Hey , can you tell me how to get success message in gmail after payment ?
you can create the react app after creating the folder.. just go into that folder and give this command "create-react-app . " (with just a dot after it) and it will create all node_module and stuff on the current dir without creating a new dir.
This is a great tutorial on Stripe. It would be awesome if you did a node react tutorial on subscription payments too. 😁
Kk
I would suggest watchers use "react-stripe-js" instead of "react stripe checkout" since the latter is not the official library and its latest version was published 3 years ago (so expect no support). React stripe js is the official library developed and maintained by stripe devs. Hitesh should have made us aware of the official react library for stripe instead of getting away with a cheaper library just because its syntax is easy.
Maybe that's why I'm getting so many vulnerabilities here
Thank you so much ...I am really about this course because this payment gateway was really hard for me to get ...thak you sir...
🙏🙏
Good choice sir, I really love this video... Hope you will make these type of project based courses..
Paid or free.. no problem.. take my money 😀
yes sir more payment gateway integrations and sir please also on integrating other important parts Thankyou sir The best youtube channel
great job. to add, are you are that the stripe customers api doesn't self check if the customer already exists, wether it does on not stripe creates another customer with he same email address..... this is more a burden if you use the stripe prebuilt checkout version.
Exactly when i needed it 🤩 what a timing sirji 😅🙏🙏
Hey , can you tell me how to get success message in gmail after payment ?
Finally something I wanted much at this time,i am already working on a restaurant website and only work left was to integrate payment gateway option. This will help me a lot. I thank you
Sir your explanation is good but to secure your payments , you have to store product price not at a client client but on the server side
Your comment are highlighted and in written in a specific format
Can you make a crash course how to comment , document nodejs app/routws and react app as well
Any guesses about that Vs Code theme? I loved that :)
Yes which theme
This is at the next level, awesome
Thanks, really helpful. btw you need not to delete the stripefrontend folder...you could have have just cd into it and run "npx create-react-app ."
Please make Payment Integration video on Node.js - ReactJS - PayTM/Razorpay.
This was a lot of help. Thanks!
how can you undersatnd all this from reading the documentation. great easy video but i really want to start reading the docs to these things better and i don't really see ANY results on the documentation that look ANYTHING like this code ...
STRIPE API AUTHENTICATION ERROR
I used to get a stripe API key authentication error => StripeInvalidRequestError: You cannot accept payments using this API as it is no longer supported in India. How can I solve this one?
The keys are not hidden on the front end, before React App builds, it injects the keys into the code.
why do we have to return the stripe.customers.create() promise from the "/payment" request handler function ?
Hey Hitesh Sir! Lovely video once again! I would really appreciate if you make a crash course on DATA STRUCTURES! Plzzz. 💜
Thanks. I implemented it. Working awesome-ly
Waiting For React Crash Course Sir thx for giving this vedio Love From Delhi Ncr Sir
Reactjs crash course is already there.
th-cam.com/video/nvHeB32ICDM/w-d-xo.html
Hi Hitesh, I'm very happy to say that I have explored more things from your vedios. It's really awesome. Can you please make vedio for bluesnap payment gateway for Local bank transfer, credit card, debit card in NodeJs with express JS. I have searched a lot but still I can't get the exact idea about it. So can you please make vedio for bluesnap based payment gateway in NodeJs with ReactJS,Thank you.
Thank you Hitesh for this video! :)
On the Front-End the "react-stripe-checkout" library is legacy and I get a Warning in the console "You’re using the legacy version of Stripe Checkout."
we want more payment gateway video. thank you...
Just completed ReactJs and this comes thanks, sir
+1
What's the color theme that you are using? I would love to use it too.
RGB(59,40,0)
Which theme
@@TechwithLaughter Hey , can you tell me how to get success message in mail after payment ?
@@hozas8553 Hey , can you tell me how to get success message in mail after payment ?
if anyone is trying to get the payment to show up in the stripe dashboard. Remove the shipping and address lines from index.js. That did it for me. I also changed the :
// .then(result => res.status(200).json(result))
to:
.then(result => res.status(200).send({ success: result }))
in the same file.
ITS NOT WRKING BRO
This was great Hitesh! Do you have resources for Stripe Payout and NODE, if so, please lmk! Tysss for this.
Next... Facebook and Google login page tutorial...
Can you please make a video on kubernetes, just as you made one on docker. It was very easy to understand.
Hey , can you tell me how to get success message in gmail after payment ?
There is one thing I don't understand. We sperate the frontend and the backend so that we protect our data in the backend. How can we protect the data from the backend when we inject the frontend data vai req into our backend?
Thank you very much for this. Please can you do a crash course on Paypal integration into React and Node.js
if anyone has problems they changed uuid... referring to first ten minutes
const { uuid } = require('uuidv4');
const { v4: uuidV4 } = require('uuid'); its working with newer versions now
Best video ever but question why the balance dont show the money i got like yours?Did you find out?
on Razorpay please 🙏🙏🙏
Sir please also try to update to your existing react course . It is bit out dated.
Please make some videos on payment gateway like GPay and Paytm. if possible please make on Reactjs. There is no video that is working correctly. all of them are outdated. even 2 months back. Paytm has updated their API. for me it is difficult to understand
Hey Ritesh! Very nice video helped a lot. Can you make a video on paytrail as well.
lmao i just spent an hour trying to figure why my api keys werent working only to realize that you swapped and that if i just watched a few more minutes then i would of realized
Yes please add indian payment gateway like ccavenue payu or stripe with python. Please sir if its paid we are ready to buy the content.
What vs code theme is he using? It's great.
try theme - shades of purple
with
peacock extension - red colour
This man is ❤❤❤
What theme are you use in VS code Hitesh sir
Why did you use react-stripe-checkout which is very old library. There is a new stripe library with hooks for dealing with that. Anyway awesome video ;)
47:00 Could you please explain why the payments are not reflecting in the stripe dashboard? Another one of my test projects are logged as v1/charges, while this project simply logs as v1/tokens
Change currency from ''USD'' to '' INR''
I'm always getting Invalid API Key provided. The customer is created but the charge fails with this error. the keys are correct, that's why the payments are not displayed in strip dashbaord
Hey , can you tell me how to get success message in mail after payment ?
I am getting stripeauthentication error , I have pasted secrete key on backend and publish key on front end but still getting the error
Tell me information of office between the later off making in records for in js was noting
hello sir, what will you say about headless wordpress with react??
commenting here even before watching the video, Sir you are genius
After installing "react-stripe-checkout" terminal is showing critical and high vulnerabilities in packages (even npm audit fix doesn't help). Is it really safe ?
Sir you're great
Thanks a ton for your efforts, where are you located in India or USA ?
India
Sir please upload more vedio related stripe connect transfer
at 21:53 for inr also we have to multiply by 100
Thank youy so much, it helped alot
Is it possible to integrate stripe net banking woth node ... you showed us only card integration
Why I can't see any option to create a new key
Hi sir
Please upload some reactjs tutorials functional components videos for begginers,like you uploaded javascript videos its Awesome.
Can you please make a video on mobile + OTP based sign up ? Thanks in advance
Thanks, Hitesh 👍
Great explanation
There is problem with .env in react. when i retrieve key from .env file in react it gives some error :
StripeCheckout.configure: Type mismatch for option 'key':
Looking for type 'string', but instead we found 'undefined'.
If i paste key directly in app.js file then its ok.
try restart the development server
Does somebody have a different link to download this project as the link mentioned above in the description is not working?
I need a help and advice. The Stripe plugin by Woocommerce do not accept International Payments for Indian merchants. Payment Intent failure is coming. I contacted Stripe and they adviced to add some coding lines for Indian export.
1. Is it possible to edit php file of stripe plugin made by woocommerce and run it successfully and accept international payments?
2. I do not know coding. Then how to do that. Both woocommerce and stripe told me that they will not do any coding help for me.
3. I cannot accept payment through Wpform and Stripe integration as I sell ebooks through woocommerce which will only be availabe to download after payments, automatically.
4. Though I use Paypal but many countries do not have PayPal and some do not have PayPal account also.
5. Stripe is the best option.
Believe me it is a serious problem for Indian merchants who want to accept International Payments.
And the interesting part is even the Stripe support do not have proper idea about the problem I am talking about.
I will be obliged of anyone help or give me proper advice for Stripe.
Regards
Can you do a video of Django and payment gateways and Android apps and payment gateways using java or Kotlin
Sir, please make a video on cloud AWS career
How to implement for 3D secure card?
which VSCODE theme you are using ???
sir please make a video on razorpay,react and node
Can you please also make react firebase stripe integration. Thanks in advance
Do I have to use always this third part services as "Stripe, Paypal, ...." ? Can I only have my own way of payment using Visa or Mastercard for not having to use Stripe or other for example?
good luck! haha. would be quiiiiite a lot of work
Which theme are you using for vscode?
Sir, Which theme you are using in vscode?
How do you save card for later use?
thanks
Hi Hitesh, thanks for this video. I have gone through the steps you have mentioned in it but getting 404 error. Response is being shown in console but status is undefined. I tried to check your file on your site but could not find them. Please provide exact path. I want to verify my code to know the gap. One question, how stripebackend is connected with stripefronend project? I set log in app.post in stripebackend but it is not appearing in log. Seems not hitting this method. Thanks.