Nextjs 13 ReCAPTCHA

Packages used:
www.npmjs.com/...
www.npmjs.com/...
Get keys from ReCAPTCHA:
www.google.com...
To learn more about server & client components:
• Next.js 13 Update | Ep...
Need a website? Check us out: fabled-web.ca

[@arctic_frost1]

I'd love to see the server side part of this video! Nice work

[@shahzadasalman8461]

Thank you for this tutorial. you deserve more views and subscribers

[@DankAlighieri]

Thank you! Helped me out a lot! Cheers from Brazil!

[@benhaig]

Very glad you found the content helpful 😁

[@SebastianPiñango-x2b]

Very good tutorial!!

[@FeiyangCoco]

The only working tutorial

[@MALTHUSECHICOUA]

i'm right with you

[@DeathTheKidBeats]

Better help than Chatgpt!!

[@bricecalice2079]

Thank you.

[@craashu]

Nice, that's exactly what I am needing right now. Would be also nice to see how to verify this on the server side, maybe with express? :)

[@benhaig]

Most likely will do a video on that. Also with different serverless environments😁

[@bizmich_]

thank you

[@hikmetcan5205]

Can this package be used for v3 as well?

[@gauravmisal4610]

hey ben , after some time the recaptcha gets expired and I'm unable to reset it after submit how can I reset it

[@glebpolyakov6901]

nice video , sonks

[@JamesWood-u1v]

Nice video but would have been even better if it covered the server side

[@mogo6798]

So is this enough for a normal contact form?
Btw Thanks for the great tutorial.

[@benhaig]

For a simple contact yeah, you can handle it all client side. Keep in mind though without server verification it can receive malicious requests if someone with technical know-how wants to hurt you/your site.
For a basic site, you will be fine.

[@mogo6798]

@@benhaig I implemented a function using next js server action to verify the captcha. can you tell me this function is correct or not?
export async function verifyCaptchaAction(token: string | null) {
try {
const secretKey = process.env.RECAPTCHA_SECRET_KEY;
const response = await fetch(
`www.google.com/recaptcha/api/siteverify?secret=${secretKey}&response=${token}`,
{
method: 'POST',
}
);
if (response.ok) {
return true;
} else {
throw new Error("reCAPTCHA response failed");
}
} catch (error) {
throw new Error(`An error occurred during reCAPTCHA verification: ${error}`);
}
}

[@aymenbachiri-yh2hd]

Thank You

[@PeriklesPeriklesoglu]

thank you