Nextjs 14 ReCAPTCHA Setup (FULL GUIDE With V3)

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ธ.ค. 2024

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

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

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

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

    Thanks bro! It was really lifesaving to me!

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

      Glad it helped out👍

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

    Nice video bro, thanks!

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

    Thank you! Works like a charm!

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

    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.

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

    Thank you for video! simple and perfect!

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

      why i am getting false response ?

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

      Glad it helped👍

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

    Thanks! greetings from Brazil

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

    Thank you, very clear.

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

    Thanks a lot, that was really helpful❤

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

    Thank you very much for this video sir.

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

      No worries glad it helped 😁

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

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

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

    Doas anyone have a brower-error ?

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

    Can u do with Cloudflare ?

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

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

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

    • @TechCoder-f3y
      @TechCoder-f3y 7 วันที่ผ่านมา

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

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

    how to do this on server side?

  • @ragilburhanudinpamungkas9571
    @ragilburhanudinpamungkas9571 15 วันที่ผ่านมา

    what theme did you use?

    • @benhaig
      @benhaig  13 วันที่ผ่านมา

      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

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

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

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

      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.

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

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

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

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

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

      Were you able to do it?

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

      @ Yes sir

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

      @@netTraverser could you share a sample code please?

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

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

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

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

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

    helpful

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

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

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

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

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

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

  • @19.pritamgiri73
    @19.pritamgiri73 10 หลายเดือนก่อน

    why are you hyper ventelating bro 🤣