No video :(

Subscription (Recurring) Payments using Stripe and React/Next.js

Подписаться 2,9 тыс.

Просмотров 24 тыс.

50% 1

Hey guys! This tutorial will show how to integrate Stripe for a subscription (recurring payments). If this video provided value to you, make sure you hit the like and subscribe button to contribute to my goal of reaching 1000 subs in the next 2 months!
GitHub Repository - github.com/ath...
0:00 - Introduction
0:41 - Demo of the application
1:55 - Creating the Next.js app
3:30 - Creating payment page and backend
29:18 - Conclusion
My links
E-mail - contact@atharvadeosthale.com
Blog - blog.atharvade...
Twitter - / athudeosthale
LinkedIn - / atharvadeosthale
Instagram - / atharvadeosthale
#programming #programmer #javascript #nodejs #npm #stripe #subscription #tutorial #recurring #payments #react #reactjs #nextjs

Опубликовано:

15 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 57

@UmarFarooq-dm4of 9 месяцев назад

Great tutorial. I think most of confusions get clear by this tutorial.

@sandeeprapolu5084 Год назад

Thank you so much, really helpful for me with your video, and continue trying this type of video Best Of luck.

@MrDDRDev Год назад

Great job! Thanks Atharva

@enogratechnologies1896 8 месяцев назад

Best explanation. Thank you so much.

@WajdaTabssum Год назад

Very good tutorial, thanks Atharva.

@rs14058 Год назад

Thanks for the extensive walkthrough ☺️👍

@tegasteve8195 9 месяцев назад

Thank you for this tutorial

@AtharvaDeosthale 9 месяцев назад

You're welcome

@jampietri583 Год назад

Thank you very much. It would be helpful if you cover existing costumer and product too. Thank you very much, my friend!

@amarkrchoudhary8272 Год назад

really informative video

@klutch4198 Год назад

Nice job bro!

@zillurrahman1309 Год назад

You gained one more subscriber although I have not watched the video yet.

@theresiahansson4445 Год назад

Thank you for this video and for keeping irrelevant stuff like styling etc out of it :).

@AtharvaDeosthale Год назад

Yes, that's the aim! I think for full blown projects styling should be good, but for smaller tutorials like these ones, styling is not a big deal as some people would just want a solution to their problem

@Error-zs1yn Год назад

Thanks, was able to know how to get client secret from subscription

@lykiamusic 5 месяцев назад

Thanks you’re the man

@ansarengg86 Год назад

good explanation... please add videos tech wise in playlist.. facing difficulties in searching videos

10 месяцев назад

thank you. very helpful

@AtharvaDeosthale 10 месяцев назад

Glad you found it helpful!

@mohamedyoussef8835 Год назад

Awesome video +++++++++++++++++++++

@AtharvaDeosthale Год назад

Big thanks

@gauravvan 10 месяцев назад

How do the SaaS products implement subscription and handling, checking if the user is still paid and required frontend

@joscript7846 Год назад

How can 7.2k view this video and his subscribers are just 1k plus? People are just Wicked

@klutch4198 Год назад

right?

@joeyoussef6236 7 месяцев назад

Amazing! Just a question, does stripe send an invoice automatically to the email that made the payment?

@warleaks1579 Год назад

Gerar job

@ashishjain7860 Год назад

Very informative video , i have a question how user select that he want to pay auto renewal payment and one time payment

@olliejw8192 Год назад

I keep getting React.createContext is not a function from the @stripe/react-stripe-js module

@ziayamin339 Год назад

This is greate! one question. If a user have subscribed once and want to upgrade or downgrade, how can do that?

@sahildudani4658 Год назад

Hey I am getting 404 error how you have started backend please tell me?

@FullStackDevGreg 2 года назад

Thanks, for this amazing tutorial, well made. Please can you do one unsubscribe, and webhook to handle alerts and notifications?

@AtharvaDeosthale 2 года назад

Sure, I'll consider

@southredmondtoxik1885 Год назад

Can i do this with react native?

@user-xb2nm9cq3s Год назад

Hello Sir, great turorial! I have question, does it need to have a thank you page to redirect after successful payment?

@JasonDainter 8 месяцев назад

It doesnt *need* to, buy you can add one!

@ibadali4223 Год назад

I’m getting a client_secret error whenever i try to pas trial_period_days with my subscription API. If you could just help me out

@vaibhavsutar7163 Год назад

Please provide more tutorial if you have for trail period implementation in react

@calebliu7761 2 года назад

I'm getting a 404 error when the "const response = await fetch("api/subscribe") line is run

@AtharvaDeosthale 2 года назад

Hey, it is /api/subscribe

@aaditya__prakash 2 года назад

mine is checking for 3d secure auth every time. Do you know how to resolve it ? I want to remove that extra level authentication

@AtharvaDeosthale 2 года назад

Some cards require 3d secure authentication and cannot be avoided, however, if you are using a testing environment, use the card which does not require authentication, which is specified in Stripe dashboard.

@aaditya__prakash 2 года назад

@@AtharvaDeosthale yeah worked thank you 😁

@dyktatorwood8487 Год назад

Why did you write this in typescript? Would be much more usefull

@iharobalasimi5426 Год назад

Sorry. Just a small note. If the method is not handled by any path in the REST api it should return 405. Not 400. A bad request is something else.

@AtharvaDeosthale Год назад

Yup, that was my bad. Thanks for pointing out!

@jtol_cuts3974 Год назад

Could it do one using react instead of next, and how to cancel subscription? Helpful video by the way

@AtharvaDeosthale Год назад

I used Next.js because it has a backend. You can use React in the exact same way with no problems, but you'd need to deploy a backend separately. You can learn more about cancelling subscriptions on the Stripe docs - stripe.com/docs/billing/subscriptions/cancel?dashboard-or-api=api . I will try to make a video on that soon though. Thanks for your comment and have a wonderful day.

@jtol_cuts3974 Год назад

@@AtharvaDeosthale hey thanks! I got the subscription and the cancel subscription working

@karanaggarwal2012 Год назад

@@jtol_cuts3974 Hi Have u done in React?? And if you are done with the unsubscribe, can u help me maybe by sharing a github repo Me facing some issues in this. Will be really thankful to you. Regards

@jtol_cuts3974 Год назад

@@karanaggarwal2012 I’m not available right now. Maybe within the next 2-3 hours. I’ll try and make a sample project and upload it to GitHub

@jtol_cuts3974 Год назад

@@karanaggarwal2012 hey I wasn’t able to get to it today. I can try again tomorrow

@nadim5616 Год назад

Bro I have twitter blue subscription. When I go to manage subscription it shows ‘view terms or manage your subscription from your stripe accounts’ . Now I don’t know what is a stripe account. One friend living in USA subscribed for me using his card.

@ipersonasounds4472 Год назад

I'm getting an error "TypeError: Cannot read properties of null (reading 'client_secret')" when sending the client secret for payment in subscribe.js. Have copied your code and double checked publishable_key and secret_key. Any idea whats wrong?

@ipersonasounds4472 Год назад

Solved it by changing currency to USD or AUD