Nextjs 14 ReCAPTCHA Setup (FULL GUIDE With V3)

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ม.ค. 2025

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

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

    Thanks Ben! This was a really good and clear video about it :)

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

    Thanks bro! It was really lifesaving to me!

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

      Glad it helped out👍

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

    Thank you! Works like a charm!

  • @GabrielSouza-sl8vp
    @GabrielSouza-sl8vp 2 หลายเดือนก่อน

    Nice video bro, thanks!

  • @mogo6798
    @mogo6798 ปีที่แล้ว +1

    Hey thanks for the great tutorial ❤
    When add the google reCaptcha, i got so many warnings on console regarding "cross-site contexts". Do you know how to clear/fix them?

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

      did you end up solving it? im having the same problem

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

    i am using pages configuration and i have setup like src/pages/api/recaptchaSubmit/route.ts but while submiting the form i am getting axios error 404 can anyone help me with this problem. rest of my code is same as the video

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

      Currently have the same problem, but with app router. Do you have some solution? It`s possible that we both have same problem. Thx

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

      Did you ever figure out the solution? I am having the same problem after watching the tutorial

    • @TechCoder-f3y
      @TechCoder-f3y หลายเดือนก่อน

      404 simply mean file don't exist aka your path is wrong

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

    Thank you for video! simple and perfect!

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

      why i am getting false response ?

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

      Glad it helped👍

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

    Thanks a lot, that was really helpful❤

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

    Thanks! greetings from Brazil

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

    Thank you, very clear.

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

    Doas anyone have a brower-error ?

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

    Thank you very much for this tutorial. It had helped me a lot in quickly setting up captcha for my forms.
    However, I unfortunately have to critisize the coding part of this tutorial, as it employs many bad practices and there are various sections where the code could easily fail. Implementing this 1:1 would make it difficult to maintain, can cause unexpected errors and could even hurt the site and its performance.
    If one follows this tutorial, I would highly recommend being cautious. Having a firm understanding of coding in general and the technology we are working with here are necessary.

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

    how to do this on server side?

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

    Thank you very much for this video sir.

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

      No worries glad it helped 😁

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

    I was able to implement this with server actions and worked perfectly in localhost. As soon as i put i on a domain the widget dosnt load at all. Ive added the domain to the google admin console too. Am I missing something? Also, thanks so much for the video because no one else is demonstrating this.

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

      An update to this is that it only occurs when i build and deploy as docker. So im assuming im missing something when building either in dockerfile or other.

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

      No it will be broken if any user or yourself has ghostery or malware bytes browser guards, they completely block the recaptcha script now, no matter what solution you use. Been fighting this issue for weeks. I have many apps using recaptcha, they get blocked on my machine by browser guards, so I assume if users have the same they can't submit any forms.

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

    Couldn't you just use a server action for this?

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

      Were you able to do it?

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

      @ Yes sir

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

      @@netTraverser could you share a sample code please?

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

      @@netTraverser could you provide the way how you did it please?

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

      @@karelkutchan4729 check response below, or above. TH-cam is weird

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

    But you didn't sign in though, you only validated captcha?

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

    what theme did you use?

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

      Im assuming you mean vscode theme? If so its this!
      Name: Monokai Charcoal high contrast
      Id: 74th.monokai-charcoal-high-contrast
      Description: monokai Charcoal with High Contrast frame
      Version: 3.4.0
      Publisher: 74th
      VS Marketplace Link: marketplace.visualstudio.com/items?itemName=74th.monokai-charcoal-high-contrast

  • @HoangPhan-le9yh
    @HoangPhan-le9yh 6 หลายเดือนก่อน

    Can u do with Cloudflare ?

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

    For whatever reason the script never loads and the recaptcha client doesn't exist @_@

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

      If you want, feel free to send me the repo link and I can take a look for you👌

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

      @@benhaig Huhm I might take you up on the offer but this is a private repo unfortunately. I could probably get a minimum version up and running over the weekend though! I wonder if it is something to do with rehydration step, since the script does load but is unable to execute any commands due no client existing.

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

    helpful

  • @19.pritamgiri73
    @19.pritamgiri73 ปีที่แล้ว

    why are you hyper ventelating bro 🤣