prateek3255 / blog

Prateek's digital home and blog.
https://prateeksurana.me
MIT License
11 stars 6 forks source link

blog/integrating-recaptcha-with-next/ #33

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

Integrating reCAPTCHA with Next.js

Check out how you can take advantage of Next.js' API routes to get the most out of CAPTCHA solutions like reCAPTCHA and hCaptcha.

https://prateeksurana.me/blog/integrating-recaptcha-with-next/

grantspilsbury commented 2 years ago

Great article. Thank you1

christianledgard commented 2 years ago

Thank you for the article. It works perfectly.

I have a question regarding Google and its cookies. With Google reCAPTCHA installed, I see these issues on my console:

Console

Is there something that I need to modify to prevent the issues from displaying? Thank you!

callumgare commented 2 years ago

A very helpful article! One minor thing that I believe is a bug is that "React.createRef()" should actually be "React.useRef()". createRef will create a new ref each time it's execute and so in the body of a functional component a new ref will be created and override the existing ref every render.

jordanlambrecht commented 2 years ago

How would I go about using an invisible v3 captcha?

wattsUpJaz commented 2 years ago

Great walkthrough! I really appreciate that you included info on reCaptcha vs. hCaptcha, and how to use hCaptcha instead. Keep up the great work! 🤍

malekabdelkader commented 1 year ago

Very Helpful , thanks

EbsaTeklu commented 1 year ago

It was a very clear and helpful article, Thank you.

Gautham495 commented 3 months ago

Works properly for Next JS As well. For more visit : https://github.com/hCaptcha/react-hcaptcha for hcaptcha.