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

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024

ความคิดเห็น • 86

  • @gynflo
    @gynflo 2 หลายเดือนก่อน +2

    Your explanations are super clear and concise. Thanks Sonny

  • @mileslegend
    @mileslegend 2 หลายเดือนก่อน +3

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

  • @semsomify
    @semsomify 3 วันที่ผ่านมา

    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.

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

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

  • @MD.RIAJULISLAM-o9p
    @MD.RIAJULISLAM-o9p 2 หลายเดือนก่อน +1

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

  • @shawn.builds
    @shawn.builds หลายเดือนก่อน

    Wow that was FAST! Thanks Sonny

  • @developmentwithtariq
    @developmentwithtariq หลายเดือนก่อน

    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.

  • @LbovboE
    @LbovboE 6 วันที่ผ่านมา +1

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

  • @mohamedanouarjabri271
    @mohamedanouarjabri271 หลายเดือนก่อน +1

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

  • @bespokeprogramming
    @bespokeprogramming 2 หลายเดือนก่อน

    Sonny! You are a Legend!

    • @SonnySangha
      @SonnySangha  2 หลายเดือนก่อน +1

      Appreciate you!!

  • @brunowego
    @brunowego 29 วันที่ผ่านมา

    Thank you for this amazing video :)

  • @sadique_x_
    @sadique_x_ 2 หลายเดือนก่อน

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

  • @alexsantosdev
    @alexsantosdev หลายเดือนก่อน

    Thanks bro, excellent content!

  • @olawunitemitope2738
    @olawunitemitope2738 2 หลายเดือนก่อน

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

  • @vukosavljevich4541
    @vukosavljevich4541 หลายเดือนก่อน

    Helped me thank you!

  • @adomicarts
    @adomicarts 2 หลายเดือนก่อน

    Thanks sonnyyyy!!!!

  • @shreyanshsinghal5457
    @shreyanshsinghal5457 2 หลายเดือนก่อน

    Thanks for awesome tutorial

  • @bodywithoutasoul
    @bodywithoutasoul 2 หลายเดือนก่อน

    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?

  • @desh_dev
    @desh_dev 2 หลายเดือนก่อน +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

  • @waleedsharif618
    @waleedsharif618 2 หลายเดือนก่อน +3

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

  • @aimagicx
    @aimagicx 2 หลายเดือนก่อน

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

    • @egretfx
      @egretfx 2 หลายเดือนก่อน

      yes please:)

  • @abhishekjr4448
    @abhishekjr4448 4 วันที่ผ่านมา

    Sucks that stripe services are not available in India

  • @mohamedanouarjabri271
    @mohamedanouarjabri271 หลายเดือนก่อน

    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 🤷

  • @egretfx
    @egretfx 2 หลายเดือนก่อน +1

    what about LemonSqueezy? some countries dont have stripe support.

    • @KATHLEENWoods-gz8rd
      @KATHLEENWoods-gz8rd 2 หลายเดือนก่อน

      There is a bypass

    • @egretfx
      @egretfx 2 หลายเดือนก่อน

      @@KATHLEENWoods-gz8rd care to explain?

  • @user-wn6qu3xb2l
    @user-wn6qu3xb2l หลายเดือนก่อน

    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

  • @user-ot7ip1zt9c
    @user-ot7ip1zt9c 2 หลายเดือนก่อน

    This is great. Please make a similar video on LemonSqueezy

  • @tmuse9510
    @tmuse9510 2 หลายเดือนก่อน

    useful video I appreciate it dude

    • @SonnySangha
      @SonnySangha  2 หลายเดือนก่อน

      You’re welcome dude!!

  • @Vasu-f2m
    @Vasu-f2m หลายเดือนก่อน

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

  • @itsmkb1213
    @itsmkb1213 หลายเดือนก่อน

    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

  • @_A1Anime
    @_A1Anime 2 หลายเดือนก่อน +7

    How did you learn all these technologies?

    • @nemeziz_prime
      @nemeziz_prime 2 หลายเดือนก่อน +6

      By doing and not over thinking

    • @KATHLEENWoods-gz8rd
      @KATHLEENWoods-gz8rd 2 หลายเดือนก่อน

      By doing it one code at a time

    • @BilalAhmad-is7bz
      @BilalAhmad-is7bz 8 ชั่วโมงที่ผ่านมา

      😂😂

  • @Devaratha6823
    @Devaratha6823 หลายเดือนก่อน

    Hey Sonny, I would like to integrate Stripe for our website showcase. I don't want to add real credit cards to Stripe for testing. How can we set it up for testing purposes?

    • @SonnySangha
      @SonnySangha  หลายเดือนก่อน

      They have test cards! 42424242424242 is usually the one!

  • @savindugunasekara-xh3zx
    @savindugunasekara-xh3zx 2 หลายเดือนก่อน

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

  • @EdwardBudaza
    @EdwardBudaza 2 หลายเดือนก่อน

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

  • @keristang7208
    @keristang7208 2 หลายเดือนก่อน +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 หลายเดือนก่อน

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

    • @keristang7208
      @keristang7208 หลายเดือนก่อน

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

    • @itsmkb1213
      @itsmkb1213 หลายเดือนก่อน

      @@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 หลายเดือนก่อน

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

    • @itsmkb1213
      @itsmkb1213 หลายเดือนก่อน +1

      @SonnySangha both of us have same kinda issue

  • @ashishsubedi1400
    @ashishsubedi1400 2 หลายเดือนก่อน

    can you do paddle integration with next js?

  • @graphiclife5416
    @graphiclife5416 2 หลายเดือนก่อน +1

    You can easily hack the price on the front end

    • @SonnySangha
      @SonnySangha  2 หลายเดือนก่อน +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!

  • @AbdelmadjidLablack
    @AbdelmadjidLablack หลายเดือนก่อน

    How to add customer email and name

  • @dominikjojczyk
    @dominikjojczyk หลายเดือนก่อน

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

  • @hamza_Techy
    @hamza_Techy 2 หลายเดือนก่อน

    Great!

  • @shibashishmohapatra
    @shibashishmohapatra หลายเดือนก่อน

    How u registered the domain in stripe dashboard

  • @it32_harsh_ninave49
    @it32_harsh_ninave49 2 หลายเดือนก่อน

    MERN project from scratch!❤️

  • @vatsalcodes
    @vatsalcodes 2 หลายเดือนก่อน

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

  • @parrou3
    @parrou3 2 หลายเดือนก่อน

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

    • @SonnySangha
      @SonnySangha  2 หลายเดือนก่อน

      Yes 100%

  • @NSKisHERE
    @NSKisHERE 2 หลายเดือนก่อน

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

    • @NSKisHERE
      @NSKisHERE 2 หลายเดือนก่อน

      i think changed in 1 week...

  • @AllahomAnsorGaza
    @AllahomAnsorGaza 2 หลายเดือนก่อน

    anyone know what is his headphone name please :D

    • @SonnySangha
      @SonnySangha  2 หลายเดือนก่อน

      Audiotechniqa! In my desk setup tour I show all

  • @danimusbar
    @danimusbar 2 หลายเดือนก่อน

    Please make another tutorial but using Paypal

  • @MrPherez
    @MrPherez 2 หลายเดือนก่อน

    Intergrate M-Pesa payment

  • @sujayxaradhya
    @sujayxaradhya 8 วันที่ผ่านมา

    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 2 หลายเดือนก่อน

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

    • @SonnySangha
      @SonnySangha  2 หลายเดือนก่อน +1

      Extremely important. Trust me - market is huge

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