https://github.com/nisalrenuja/nextjs-recaptcha-v2

This project demonstrates how to integrate Google reCAPTCHA v2 into a Next.js application for enhanced security, ensuring that only real users interact with your website.
https://github.com/nisalrenuja/nextjs-recaptcha-v2

Last synced: 5 days ago
JSON representation

This project demonstrates how to integrate Google reCAPTCHA v2 into a Next.js application for enhanced security, ensuring that only real users interact with your website.

• Host: GitHub
• URL: https://github.com/nisalrenuja/nextjs-recaptcha-v2
• Owner: nisalrenuja
• Created: 2024-10-16T01:47:19.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T16:15:28.000Z (4 months ago)
• Last Synced: 2024-11-25T16:35:20.102Z (2 months ago)
• Language: TypeScript
• Homepage:
• Size: 190 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# reCAPTCHA Integration in Next.js 🚀

This project demonstrates how to integrate **Google reCAPTCHA v2** into a Next.js application for enhanced security, ensuring that only real users interact with your website.

### Features:

- **reCAPTCHA v2** implementation for bot protection

- **Server-side verification** of reCAPTCHA token using Google API

- **Client-side integration** with `react-google-recaptcha` for a smooth user experience

- Secure environment configuration with `.env` files

### How to Use:

1. Clone the repository.

2. Install dependencies using `npm install` or `yarn`.

3. Add your reCAPTCHA **Site Key** and **Secret Key** to the `.env` file.

4. Run the project locally with `npm run dev` or `yarn dev`.

For a detailed guide on reCAPTCHA setup and integration, refer to the [complete article](https://medium.com/@nisalrenuja/integrating-recaptcha-in-next-js-14-a-step-by-step-guide-7a25e61efa2a).

Happy coding! 😄