How to integrate Stripe Payment in React and Node.js (Step by Step)!

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 98

  • @IbrahimKhalil-um9co
    @IbrahimKhalil-um9co 5 месяцев назад +2

    Where is the Github code repo??

    • @CodeWithMasood
      @CodeWithMasood  4 месяца назад +1

      The code is in patreon brother, shared as the first link in description box below:)

  • @MonaSah-k4k
    @MonaSah-k4k 9 месяцев назад +2

    This video is very helpful for me and everyone who stuck any E Commerce payment section. in this video you can explain strips in a very simple and clear way thanks a lot

  • @kristijanlazarev
    @kristijanlazarev 8 месяцев назад +2

    I tried many, this is the first one that worked wow

  • @daviddixx6737
    @daviddixx6737 10 месяцев назад +3

    Simple and straight to the point. Thank you very much

  • @kelvincarvalhos
    @kelvincarvalhos 9 месяцев назад +1

    Thank you very much, friend! Your video helped me a lot, I was racking my brain all day and your video was spot on in solving my problem. Watching from Brazil.

    • @CodeWithMasood
      @CodeWithMasood  9 месяцев назад +2

      Glad to hear that my friend! Thanks

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

    Okay, now I understand why stripe gives error when I choose India Location, Thank You Bro for making this amazing video

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

      Hey! Bro I am also getting error....... How Can I fix it ?

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

      it is showing me a error related to indian regulations
      does it not work in india

  • @maxkupperberg3204
    @maxkupperberg3204 11 месяцев назад

    This is awesome! I am using this same stack and was struggling at this point, can't wait to give your solution a try.

  • @desi-tech-academy
    @desi-tech-academy 10 месяцев назад +2

    I would love to see recurring payments videos too

  • @sufyanshoaib
    @sufyanshoaib 6 месяцев назад +1

    Good work Masood, enjoyed your tutorial. Keep it up.👏

  • @Maryame903
    @Maryame903 11 месяцев назад +7

    Thank you, Are you going to post the source code of the complete site or do a tutorial so that we can reproduce it?

    • @CodeWithMasood
      @CodeWithMasood  11 месяцев назад +3

      Join me on Patreon and I will share the source code with you. You can message me their once you joined!

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

      @@CodeWithMasoodi got an error

    • @merc.5802
      @merc.5802 7 месяцев назад

      @@CodeWithMasood laalchi bhikari

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

      @@imvikashkkme too the frontend keeps throwing 500 error.

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

      @@CodeWithMasood please give source code i will face problem from three days

  • @tiptrcks3960
    @tiptrcks3960 11 месяцев назад

    Bro y btana k jb payment successful hojegi, then is ko db m kis trah store krwaen g? Aur bijae har bar stripe dashbard pr jany k tmam transactions ka data hm apny custom react dashboard pr kesy show krwaein gyy btw thanks for tutorial ❤

  • @haileiyesus29
    @haileiyesus29 11 месяцев назад +1

    Thanks very much bro, it's really useful video

  • @kishan_psd
    @kishan_psd 11 месяцев назад +2

    Make a detailed video on Redux.

    • @CodeWithMasood
      @CodeWithMasood  11 месяцев назад +2

      I will create this tutorial soon!

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

    Really good video brother, you are amazing

  • @robinyzewyn7292
    @robinyzewyn7292 6 месяцев назад

    When/where do you save it in your database when the payment is succesfull?

  • @prettypointlessvideo
    @prettypointlessvideo Месяц назад

    thanks bro that was useful

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

    thank you, it works!

  • @HasnainMalikQF
    @HasnainMalikQF 11 месяцев назад

    Thank you, you saved my day😊

  • @weepees6013
    @weepees6013 8 месяцев назад +2

    Unfortunately this video did not clarify anything for me. I still do not know how to integrate stripe into MY own code

  • @dgdmenezes
    @dgdmenezes 11 месяцев назад +1

    Thank you, you are amazing!

  • @gulzarahamed1152
    @gulzarahamed1152 9 месяцев назад +2

    i have a doubt i am creating dummy project of ecommerce website so i want to use test mode only, i don't want user to lose any real time payment using stripe test mode if i deploy the stripe of test mode will it work for my dummy project? let me know quickly

  • @geekyskill4156
    @geekyskill4156 11 месяцев назад

    hello brother please make a video how to desing the product list in strip

  • @HistoryHouse45
    @HistoryHouse45 10 месяцев назад +1

    waiting for redux course

  • @abhijit4264
    @abhijit4264 Месяц назад

    Hi @CodeWithMasood Thank you for the tutorial! But I have one query. What if the customer without doing any payment manually enters the success url in the address bar and gets redirected to the success page without doing any actual payment? Is there anything we can do to first confirm whether the payment has really been done?

    • @CodeWithMasood
      @CodeWithMasood  Месяц назад +1

      Yep in that case the payment would not be done of course but you can also fix it with some logic in the backend or by making this success url bugger and harder to remember and other expiring techniques in the server

  • @sajalhsn13
    @sajalhsn13 4 месяца назад +1

    How to get the webhook call to save checkout information in local DB?

    • @CodeWithMasood
      @CodeWithMasood  4 месяца назад +1

      Search it up on official stripe react and node docs man!

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

    Do we get money , i mean do transition happens? after integrating this?...

    • @CodeWithMasood
      @CodeWithMasood  7 месяцев назад +1

      Certainly, if stripe is available in your country and if you switch to actual payment details that you need to put in to your stripe account instead of test mode. You will definitely get payments,

  • @cooltv9943
    @cooltv9943 11 месяцев назад +1

    well done

  • @hisexcellencykingderp
    @hisexcellencykingderp 7 месяцев назад +1

    At 6:33 what exactly are you supposed to put in the place of ${apiURL} ? This is not explained

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

      i keep getting 500 error @codewithmasood

    • @CodeWithMasood
      @CodeWithMasood  7 месяцев назад +1

      Ok this is the api key for server like, where your server is running put that here,

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

      @@CodeWithMasood So if my backend is localhost5000 am I entering it as /localhost5000/create-checkout-session on the frontend code? And the same for the backend?

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

      @@CodeWithMasood the docs said to put it as /create-checkout-session for both… am i supposed to put it as localhost:5000/create-checkout-session for the frontend if my backend is coming out on port 5000?

  • @BharateshVR
    @BharateshVR 11 месяцев назад +1

    how to get checkout transaction details after payment is successful ?

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

    Sir I am using real cards in test more . What error message should it show.

  • @TechLead99
    @TechLead99 4 месяца назад +1

    So stripe redirects to FE appliction after success. How does server knows about it?

    • @CodeWithMasood
      @CodeWithMasood  4 месяца назад +1

      Cuz we are using both FE and backend and it is a full stack application, we are using custom pages for checkout and redirections

    • @TechLead99
      @TechLead99 4 месяца назад

      @@CodeWithMasood Ok got it, suppose FE and BE are separate app, then how it will happen, any idea?

  • @NoumanKhan-ck7vx
    @NoumanKhan-ck7vx 9 месяцев назад +1

    bhai aoa subscription base b veido banao pls

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

      Will create the subscription version soon!

  • @zahirali2275
    @zahirali2275 10 месяцев назад +1

    Stripe integration k leye account hona zarori hai

  • @JothivaananM
    @JothivaananM 6 месяцев назад

    Is that safe to store secret key in frontend? (env file)

  • @umairmohsin5202
    @umairmohsin5202 3 месяца назад

    I have generated API key in stripe.i am in a test mode
    Pop up appears that complete your account details to recey payments
    Many things are there which are unnecessary for me as I am in a test mode
    If I don't fill account details and try to make test do I receive payment

  • @websterbisoles417
    @websterbisoles417 9 месяцев назад +1

    i try to make it what you teach but im getting 401 unauthrorized can explain to me? what happen?

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

      same happend with me

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

      his not interested replying us thats sad@@sikusk7422

  • @adarshchaudhary5701
    @adarshchaudhary5701 11 дней назад

    saying apiURL is not definet , what to do?

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

    please tell will it word for subscription model

  • @Amazing_recipes_serial
    @Amazing_recipes_serial 6 месяцев назад +1

    I am using the content of ur project,can i get copyright issue

    • @CodeWithMasood
      @CodeWithMasood  6 месяцев назад +1

      No problem dude, feel free from my side

  • @seroyjosielmarkm.2736
    @seroyjosielmarkm.2736 7 месяцев назад

    Does it works in Philippines?

  • @bennet3819
    @bennet3819 6 месяцев назад

    When I import {loadStripe} from '@stripe/stripe-js' my browser console shows the error "refused to apply inline style because it violates the following content security policy directive...". Does anyone know how to fix the issue?

  • @zaighamabbas8739
    @zaighamabbas8739 6 месяцев назад

    Can i use in Pakistan

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

    helpfull

  • @BilalShahid-c3q
    @BilalShahid-c3q 2 месяца назад

    6:30 why u dont use axios its short your code

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

    can i accept INR if possible please guide ??

  • @fitNdedicated
    @fitNdedicated Месяц назад

    Hello can you please help me out I got trouble

    • @CodeWithMasood
      @CodeWithMasood  28 дней назад

      @@fitNdedicated Certainly please reach out on insta or Patreon

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

    it is showing me a error related to indian regulations
    does it not work in india

    • @CodeWithMasood
      @CodeWithMasood  7 месяцев назад +1

      No it should work cuz stripe is available in india

  • @adarshchaudhary5701
    @adarshchaudhary5701 11 дней назад

    what is apiURL

  • @Mardo716
    @Mardo716 6 месяцев назад

    hey broh can you help me polease?

    • @CodeWithMasood
      @CodeWithMasood  4 месяца назад +1

      Hey, sorry for late reply but yes please message me on insta or fb and i can help you out

  • @AyushJain-b3h
    @AyushJain-b3h 9 дней назад

    video is not in detail and also unable to learn it

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

    👍

  • @abc7089
    @abc7089 6 месяцев назад

    Dude, you're clicking too fast and jumping from page to page too fast!

  • @shivammchaudhary4100
    @shivammchaudhary4100 6 месяцев назад +1

    Worst video .... not telling the process you just wanted to create the video

  • @matheusfigueiredo3181
    @matheusfigueiredo3181 Месяц назад

    this was such a confusing and rushed video... holly shit.

  • @NikulPipariya-hg5mb
    @NikulPipariya-hg5mb 11 месяцев назад +8

    change stupid theme... I can even see what you have written even though in retina disaply..... pure black is distracting.... just use normal one came by default.... otherwise thanks for tutorial...

    • @emmanuelakogwu9078
      @emmanuelakogwu9078 8 месяцев назад +8

      Address people with courtesy….. this is not a good way to give feedback

    • @mahmoudmostafa2827
      @mahmoudmostafa2827 7 дней назад

      This is stupied comment