How to add Stripe payments to ANY Next.js 14 App! (Easy Tutorial for Beginners)

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

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

  • @povilaskirna4108
    @povilaskirna4108 2 дня назад

    Damn you are such a goat, I stopped the video when you started talking about LCLhost and went and started reserching why not use NGROK because that's what I was familiar with. The moment I come back to the video and continue playing it I see you talk about NGROK vs LCLhost. Thanks a lot for another great tutorial I was kinda weirded out by the new Elements components since I come from the days when everything was handled on the stripe side, seems like they created an amazing component so now I can make fully customized checkout pages easily.

  • @gynflo
    @gynflo 3 месяца назад +2

    Your explanations are super clear and concise. Thanks Sonny

  • @JeremyMoritz1
    @JeremyMoritz1 2 месяца назад

    Marvelous tutorial! Followed along and my app worked perfectly on the first try. Thank you for doing this and with such attention to detail! Subscribed.

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

    my guy comes out with another banger ,, thanks man for not allowing us get dormant.....

  • @semsomify
    @semsomify 22 дня назад

    Thank you so much Sonny. Super clear! I watched several tutorials on this and yours is the most comprehensive and update to date! Like and Subscribe.

  • @MD.RIAJULISLAM-o9p
    @MD.RIAJULISLAM-o9p 3 месяца назад +1

    Thanks a llot. love from Bangladesh. I have been waiting for such a video.

  • @shawn.builds
    @shawn.builds 2 месяца назад

    Wow that was FAST! Thanks Sonny

  • @developmentwithtariq
    @developmentwithtariq 2 месяца назад

    Thank you for your great contribution in my life as a developer

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

    Sonny you are awesome teacher.
    You made it so simple, I'm using this tutorial to integrate stripe in real world project now.
    Thanks a ton. Keep up the high quality work.

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

    Thank you for this amazing video :)

  • @alexsantosdev
    @alexsantosdev 2 месяца назад

    Thanks bro, excellent content!

  • @DigitalAlchemyst
    @DigitalAlchemyst 2 месяца назад

    A follow up on how to enter stripe data into a data base, pay out tenant users of the app isolate money to user accounts and things of that nature would be great. basically covering deeper in how to use this beyond just grabbing money for sale of something and getting it to you from your strip account.

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

    thanks sonny!, thank you so much
    i'm a big fan

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

    Sonny! You are a Legend!

  • @vukosavljevich4541
    @vukosavljevich4541 2 месяца назад

    Helped me thank you!

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

    Thanks for awesome tutorial

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

    Please do full tutorial on testing... Like jest testing

  • @LbovboE
    @LbovboE 25 дней назад +2

    what about webhook? do we need that? it doesn't seem secure.

  • @adomicarts
    @adomicarts 2 месяца назад

    Thanks sonnyyyy!!!!

  • @LeMusulmanSceptique
    @LeMusulmanSceptique 12 дней назад

    ty brother

  • @tomding2789
    @tomding2789 2 дня назад

    Fantastic

  • @tmuse9510
    @tmuse9510 2 месяца назад

    useful video I appreciate it dude

  • @mohamedanouarjabri271
    @mohamedanouarjabri271 2 месяца назад +1

    Hello , I can't see the payment tab in the stripe website

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

    Thank you for this Sonny, very useful! May I ask why you decided to deviate from the stripe docs and fetch the client secret in the checkout component as opposed to the page, as they show it?

  • @abhishekjr4448
    @abhishekjr4448 22 дня назад

    Sucks that stripe services are not available in India

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

    Thanks Sonny, Can you please do a video for Lemon Squeezy payment gateway?

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

      yes please:)

  • @setupfile-f6v
    @setupfile-f6v 2 месяца назад

    Thank you a lot for this video! But i'm actually trynna add apple and google pay and cashpp it doesn't work for cash app

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

    This is great. Please make a similar video on LemonSqueezy

  • @_A1Anime
    @_A1Anime 3 месяца назад +8

    How did you learn all these technologies?

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

    can you do paddle integration with next js?

  • @egretfx
    @egretfx 3 месяца назад +1

    what about LemonSqueezy? some countries dont have stripe support.

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

    Can you please do PayPal as well, Stripe doesn't work on most countries

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

    How to add customer email and name

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

    Is using stripe free ? I want to deploy my MERN app in free version of Vercel and it uses Stripe

  • @MD.RIAJULISLAM-o9p
    @MD.RIAJULISLAM-o9p 2 месяца назад

    When I am trying to pay the bill it is showing me "No such payment_intent", how can I solve this problem?

  • @desh_dev
    @desh_dev 3 месяца назад +1

    how to add email address and phone number custom field

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

      I'm having the same issue, were you able to find how to do it ?

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

      @@AbdelmadjidLablack no I couldn't figure it out natively. What I did was collect info before redirecting to that screen and storing it globablly

  • @shibashishmohapatra
    @shibashishmohapatra 2 месяца назад

    How u registered the domain in stripe dashboard

  • @graphiclife5416
    @graphiclife5416 3 месяца назад +1

    You can easily hack the price on the front end

    • @SonnySangha
      @SonnySangha  3 месяца назад +1

      Typically pricing comes from the backend, this is just a simple demo where we use a variable on the front end for the price😄
      But yes nice point - fetch the amounts from the backend typically!

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

    Can we use paypal along with google pay? if yes then how?

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

    how can i prepare a invoice with code, pleaes help me asap

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

    MERN project from scratch!❤️

  • @itsmkb1213
    @itsmkb1213 2 месяца назад

    Hi when I try to make payments I get three entries in my stripe dashboard. One completed and two incomplete any idea how to solve it

  • @savindugunasekara-xh3zx
    @savindugunasekara-xh3zx 2 месяца назад

    Hey my payment element somtimes shows and sometimes doesnt load at all.. why is that happening

  • @keristang7208
    @keristang7208 3 месяца назад +1

    hi sonny, i have successfully following your code , and it works. but somehow my code create 2 transaction everytime i checkout. one transaction show succeeded and another show incomplete. do i implement correctly or this is normal.

    • @itsmkb1213
      @itsmkb1213 2 месяца назад

      Mine creats 3. 2 incomplete and 1 success. Did you manage to solve it?

    • @keristang7208
      @keristang7208 2 месяца назад

      @@itsmkb1213 im not manage to solve it. is that normal? hope sonny can explain that to us.

    • @itsmkb1213
      @itsmkb1213 2 месяца назад

      @@keristang7208 I see. Can you kindly update me if you manage to figure it out. I will update you if I could solve it

    • @itsmkb1213
      @itsmkb1213 2 месяца назад

      @@keristang7208 @SonnySangha can you please reach to us!!!

    • @itsmkb1213
      @itsmkb1213 2 месяца назад +1

      @SonnySangha both of us have same kinda issue

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

    Hi, is next.js a must learn for 2024-2025 ?

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

    Please make another tutorial but using Paypal

  • @Vasu-f2m
    @Vasu-f2m Месяц назад

    is this nextjs front-end or full-stack integration with Stripe ?

    • @Mario_coding
      @Mario_coding 18 дней назад

      full-stack as you have a frontend and (database and payment integrated) backend.

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

    at 12:35 , i cant see your form in my site :/ is it changed in 1 week??

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

      i think changed in 1 week...

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

    Intergrate M-Pesa payment

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

    anyone know what is his headphone name please :D

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

      Audiotechniqa! In my desk setup tour I show all

  • @sujayxaradhya
    @sujayxaradhya 27 дней назад

    Why everybody or very second grade developer is creating video only using Stripe? Does Stripe pay you? And if not then please look into small businesses, startups, or individuals who are facing problems like getting blocked with existing multi-thousands of dollars in the account with no legit reason by the worst Stripe.
    Why you guys don't make video on any other payment gateway integration? I understand that Stripe has best docs experience but this is not the legit reason to not make video on using any other payment gateway.
    Please do favour and help those business, startups that are getting shutdown only because of Stripe.
    This is really sad.😢

  • @KATHLEENWoods-gz8rd
    @KATHLEENWoods-gz8rd 3 месяца назад

    2024-2026. How important it is to learn next.js and react

    • @SonnySangha
      @SonnySangha  3 месяца назад +1

      Extremely important. Trust me - market is huge

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

    Great!

  • @mohamedanouarjabri271
    @mohamedanouarjabri271 2 месяца назад

    I've tried it with react js but when creating the env.local file and trying to use the env variable it keeps showing an error saying that the Stripe() should take an apiKey with string type and I'am sure thet the process.env.Key is a string 🤷