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

Поділитися
Вставка
  • Опубліковано 8 лис 2024

КОМЕНТАРІ • 93

  • @IbrahimKhalil-um9co
    @IbrahimKhalil-um9co 5 місяців тому +2

    Where is the Github code repo??

    • @CodeWithMasood
      @CodeWithMasood  3 місяці тому +1

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

  • @MonaSah-k4k
    @MonaSah-k4k 8 місяців тому +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 7 місяців тому +2

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

  • @daviddixx6737
    @daviddixx6737 9 місяців тому +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

  • @desi-tech-academy
    @desi-tech-academy 10 місяців тому +2

    I would love to see recurring payments videos too

  • @maxkupperberg3204
    @maxkupperberg3204 10 місяців тому

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

  • @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 7 місяців тому

      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

  • @sufyanshoaib
    @sufyanshoaib 5 місяців тому +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 7 місяців тому

      @@CodeWithMasoodi got an error

    • @merc.5802
      @merc.5802 7 місяців тому

      @@CodeWithMasood laalchi bhikari

    • @hisexcellencykingderp
      @hisexcellencykingderp 6 місяців тому

      @@imvikashkkme too the frontend keeps throwing 500 error.

    • @nanditbro6360
      @nanditbro6360 5 місяців тому

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

  • @zaheeruddin603
    @zaheeruddin603 7 місяців тому

    thank you, it works!

  • @haileiyesus29
    @haileiyesus29 11 місяців тому +1

    Thanks very much bro, it's really useful video

  • @robinyzewyn7292
    @robinyzewyn7292 6 місяців тому

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

  • @keralatv2571
    @keralatv2571 8 місяців тому

    Really good video brother, you are amazing

  • @kishan_psd
    @kishan_psd 11 місяців тому +2

    Make a detailed video on Redux.

    • @CodeWithMasood
      @CodeWithMasood  11 місяців тому +2

      I will create this tutorial soon!

  • @sajalhsn13
    @sajalhsn13 4 місяці тому +1

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

    • @CodeWithMasood
      @CodeWithMasood  3 місяці тому +1

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

  • @prettypointlessvideo
    @prettypointlessvideo Місяць тому

    thanks bro that was useful

  • @dgdmenezes
    @dgdmenezes 11 місяців тому +1

    Thank you, you are amazing!

  • @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  28 днів тому +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

  • @gulzarahamed1152
    @gulzarahamed1152 8 місяців тому +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

  • @arghaghosh5561
    @arghaghosh5561 7 місяців тому

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

  • @BharateshVR
    @BharateshVR 10 місяців тому +1

    how to get checkout transaction details after payment is successful ?

  • @HasnainMalikQF
    @HasnainMalikQF 11 місяців тому

    Thank you, you saved my day😊

  • @TechLead99
    @TechLead99 3 місяці тому +1

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

    • @CodeWithMasood
      @CodeWithMasood  3 місяці тому +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 3 місяці тому

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

  • @JothivaananM
    @JothivaananM 6 місяців тому

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

  • @geekyskill4156
    @geekyskill4156 10 місяців тому

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

  • @ilikethemost
    @ilikethemost 8 місяців тому

    please tell will it word for subscription model

  • @tiptrcks3960
    @tiptrcks3960 10 місяців тому

    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 ❤

  • @cooltv9943
    @cooltv9943 11 місяців тому +1

    well done

  • @hisexcellencykingderp
    @hisexcellencykingderp 6 місяців тому +1

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

    • @hisexcellencykingderp
      @hisexcellencykingderp 6 місяців тому

      i keep getting 500 error @codewithmasood

    • @CodeWithMasood
      @CodeWithMasood  6 місяців тому +1

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

    • @hisexcellencykingderp
      @hisexcellencykingderp 6 місяців тому

      @@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 6 місяців тому

      @@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?

  • @umairmohsin5202
    @umairmohsin5202 2 місяці тому

    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

  • @HistoryHouse45
    @HistoryHouse45 10 місяців тому +1

    waiting for redux course

  • @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

  • @websterbisoles417
    @websterbisoles417 8 місяців тому +1

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

    • @sikusk7422
      @sikusk7422 8 місяців тому

      same happend with me

    • @websterbisoles417
      @websterbisoles417 8 місяців тому

      his not interested replying us thats sad@@sikusk7422

  • @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,

  • @bennet3819
    @bennet3819 5 місяців тому

    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?

  • @NoumanKhan-ck7vx
    @NoumanKhan-ck7vx 9 місяців тому +1

    bhai aoa subscription base b veido banao pls

    • @CodeWithMasood
      @CodeWithMasood  9 місяців тому

      Will create the subscription version soon!

  • @techrify1146
    @techrify1146 7 місяців тому

    helpfull

  • @BilalShahid-c3q
    @BilalShahid-c3q 2 місяці тому

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

  • @zaighamabbas8739
    @zaighamabbas8739 5 місяців тому

    Can i use in Pakistan

  • @seroyjosielmarkm.2736
    @seroyjosielmarkm.2736 7 місяців тому

    Does it works in Philippines?

  • @zahirali2275
    @zahirali2275 10 місяців тому +1

    Stripe integration k leye account hona zarori hai

  • @fitNdedicated
    @fitNdedicated 17 днів тому

    Hello can you please help me out I got trouble

    • @CodeWithMasood
      @CodeWithMasood  15 днів тому

      @@fitNdedicated Certainly please reach out on insta or Patreon

  • @RajeshMudi
    @RajeshMudi 5 місяців тому

    can i accept INR if possible please guide ??

  • @dj10schannel
    @dj10schannel 4 місяці тому

    👍

  • @Amazing_recipes_serial
    @Amazing_recipes_serial 6 місяців тому

    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

  • @akashsahoo2421
    @akashsahoo2421 7 місяців тому

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

    • @CodeWithMasood
      @CodeWithMasood  6 місяців тому +1

      No it should work cuz stripe is available in india

  • @Mardo716
    @Mardo716 5 місяців тому

    hey broh can you help me polease?

    • @CodeWithMasood
      @CodeWithMasood  3 місяці тому +1

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

  • @shivammchaudhary4100
    @shivammchaudhary4100 6 місяців тому +1

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

  • @abc7089
    @abc7089 5 місяців тому

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

  • @matheusfigueiredo3181
    @matheusfigueiredo3181 Місяць тому

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

  • @NikulPipariya-hg5mb
    @NikulPipariya-hg5mb 10 місяців тому +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 7 місяців тому +6

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