Skip to content

Latest commit

 

History

History
34 lines (22 loc) · 1.76 KB

README.md

File metadata and controls

34 lines (22 loc) · 1.76 KB

react-csr-ssr-recaptcha-example

This repository is a barebones example of how to use Google reCAPTCHA v3 together with React (Client-side Rendering and Server-side Rendering)

Running Example Locally

Prerequisites

Requires Google reCAPTCHA v3 API key pair:

  1. Request an API key pair here
  2. In Domains options, add localhost and 127.0.0.1 (to allow calls from local machine)

Environment Variables

This example repository requires the following environment variables to work correctly:

  1. RECAPTCHA_SITE_KEY - Used to call reCAPTCHA API from Client-side
  2. RECAPTCHA_SECRET_KEY - Used to call reCAPTCHA API from Server-side (must not be exposed to public!)

Commands to run locally

Command What it does Default port
RECAPTCHA_SECRET_KEY=<recaptcha_secret_key_here> yarn start:backend Starts node backend instance 3005
RECAPTCHA_SITE_KEY=<recaptcha_site_key_here> yarn start:csr Starts React Client-side rendering instance 3001
RECAPTCHA_SITE_KEY=<recaptcha_site_key_here> yarn start:ssr Starts Next.js Server-side rendering instance 3002

References