Nextjs 13 ReCAPTCHA

Рет қаралды 10,195

Ben Haig

Күн бұрын

Пікірлер: 21

@SebastianPiñango-x2b Ай бұрын

Very good tutorial!!

@ARTICFR0ST Жыл бұрын

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 5 ай бұрын

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

@benhaig 5 ай бұрын

Very glad you found the content helpful 😁

@FeiyangCoco Жыл бұрын

The only working tutorial

@MALTHUSECHICOUA 6 ай бұрын

i'm right with you

@DeathTheKidBeats 3 ай бұрын

Better help than Chatgpt!!

@hikmetcan5205 4 ай бұрын

Can this package be used for v3 as well?

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

@bricecalice2079 9 ай бұрын

Thank you.

@gauravmisal4610 10 ай бұрын

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

@bizmich_ 10 ай бұрын

thank you

@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}`); } }