Set up Subscription ( Recurring ) Stripe Payment with React and Express

How to set up subscription ( recurring ) stripe payments with React on the front and Node ( Express ) on the back.
base code set up: github.com/Vuka951/tutorial-c...
finished code: github.com/Vuka951/tutorial-c...
Note: After this you should set up webhooks: • Set up Stripe Webhooks...
Flask Version: • Set up Subscription ( ...
Previous Express Tut.: • Set up Stripe Payment ...
---------------------------------------------------------------------------------------------------
stripe: stripe.com/
-------------------------------------------------------------
Thanks for watching, if the video was helpful to you a like and/or a star to the github repo would be appreciated ❤️

[@oscar_cornejo]

Hi! The platform updated its step by step, will there be any updates to this video? Greetings from Chile!

[@vuka951]

Hi, just checked it out, seems like its mostly the same so i don't think atm im gonna be doing an updated version of the video, maybe some time in the future.

[@oscar_cornejo]

@@vuka951 Thanks for answering, I also followed your video and it worked without problems. Very good help!

[@faahu]

@@oscar_cornejo buena tienes discord?

[@pranjaldoorwar9743]

I am making this comment to thank people like you who selflessly make videos for others 😍

[@williamlowry]

Phenomenal tutorial. Straight and to the point, no extra framework/libraries or fluff. Liked and subscribed.

[@souldrivensolopreneur]

Great video. All geeks out there - definitely watch this one!

[@supremereseller5953]

Thanks. I was struggling for hours and this video helped me out a lot!

[@vuka951]

Glad to hear it!

[@Aaa-3705]

Great tutorial, all worked as I spected, thank you!

[@Andrew-px4on]

Would you be able to do something on using web hook to merge this with user management? This video is pretty helpful, I’m just trying to get it to go along with firebase

[@tesshsu1]

Tks this is great!! I had one question which I red the doc but still not sure , I saw you do cardInput to have credit card input, which means you do your own customise checkout page, will it possible just once click "Pay" button then allow user redirect to default checkout page by Stripe instead ? tks

[@aliastj6897]

Thanks for the tutorial. I would like to know if it’s possible to use Stripe checkout for subscription & updating subscription?

[@TheLonare]

Its very hard to read please make sure you increae the font size in your next video

[@naveensaini1618]

hey, thanks for this video. this video help me a lot to set up stripe integration

[@vuka951]

Great to hear!

[@veggiewear5419]

Great tutorial can you make or do you recommend a tutorial using react, firebase and stripe connect? Thanks

[@portfedh]

Hi! Once the payment if proccessed succesfully, does the response include some sort of ID that can trace the payment? I would like to use the confirmation to create an access code for the client to have access to an event.

[@randyosoti2671]

bruh when he hovered over the statement descriptor

[@Mexoocker]

Thanks for video, how neccesary is it to use webhooks ??

[@BeforeItBegins]

Thank you very much

[@TomJerry-bp9ig]

Loved it❤

[@rakeshmali1727]

How can I track my customers and use the existing customer ID for subsequent subscriptions? Do I need to create customers everytime?

[@jovanjevtic1620]

Pozdrav druze, pretpostavljam da si sa Balkana pa imam jedno pitanje. Interesuje me ako si iz BiH ili Srbije ili neke druge drzave u kojoj Stripe nije podrzan kako si uspio kreirati racun i primati payments

[@aimansaeed9242]

@vuka what if the payment method fails after being attached to customer. You missed this scenario. Try you integeration with 4000000000000341 test card number. Stripe says this card will : "Succeeds when it initially attaches to Customer object, but fails on the first payment of a subscription with the payment_intent value of requires_payment_method."

[@carlosvasquez-pt4sb]

link to the documentation? I went to link that is displaying through the video but I only see server-side (node) code

[@mohdanas8027]

How can open all ciuntry supported method like amazone ,google pay apple pay etc?

[@ivanabregu1]

thanks bro!

[@vuka951]

Happy to help!

[@NithurM]

What is the difference between pay and subscription?

[@robvaneck5410]

Thank you! Do you also know how to make a Seats model? Do i need to create a subscription if the first 5 seats are free and a user starts paying from seat 6 and up? Hard to find. I have a pricing plan set-up on my product with these values: 0-5 €0 6-10 €10 etc.. but I cant find if this is wise. Because no invoice should be send if you have 0-5 users, nor should you subscribe with credit card at that point. Only from 6 users and up. Maybe do a video about this ? :)

[@vuka951]

Well if the number of seats is under 6 and you dont want the user to pay anything or need to set up a credit card payment. You could just have a check on the frontend, where if the numOfSeats < 6 it wont open a modal or w/e with the card payment stuff but instead just send a request to a route and add the user to ur DB or w/e logic needs to happen. So instead of setting up a subscription, you can just send a request and handle it all urself in ur api (no need to make a product plan) since the user wont be paying you anything. Creating a product plan as you described where you with 0-5 costing 0€ and 0-10 €10, would be good to do if you have a feature in ur app where they can change the number of seats of the fly so that if they have 5 (you still take their card info) and later if they add another seat (so now they have 6) you can just charge the card they already have added to their account. Hopefully thats helpful, i dont think im gonna do a video on that since its a very specific problem.

[@JB-uc1vf]

I was able to create the customer but its not charging for subscription

[@TheGamerzXChannel]

love it, is it still up to date?

[@blazhrusovar5609]

1:07 nice

[@Popeye-vd1pu]

SINGLE ASS

[@hamzasabir6053]

3D secure is not included? Thank you!

[@vuka951]

It is included if you look at the docs they provide cards for testing that ask for 3D secure: stripe.com/docs/testing#cards

[@hamzasabir6053]

@@vuka951 I mean for react-native, it would be helpful, thank you

[@vuka951]

Im not sure about react native, haven't used stripe with it yet. If you try it out lmk how it goes

[@Smile-to2ii]

How can I pass dynamic price for every user?

[@Mexoocker]

You need to create Products, in dashboard stripe

[@Smile-to2ii]

@@Mexoocker you can do it by code. I've done it. Thanks

[@Mexoocker]

I didn't know what could be done, did you implement webhooks? I don't know how necessary it is to implement it

[@Smile-to2ii]

@@Mexoocker I'l upload the tutorial soon.

[@shobhanbiswas]

Super tiny font size

[@gamingtitan0]

Your video eas not helpful at all next time increase the font of your editor

[@psawmora]

You need to work on your presentation skill bro