https://github.com/stephenjlu/cloudflare-turnstile-react
Implementation of Cloudflare's Turnstile widget using React and Cloudflare Worker
https://github.com/stephenjlu/cloudflare-turnstile-react
cloudflare react turnstile
Last synced: 6 days ago
JSON representation
Implementation of Cloudflare's Turnstile widget using React and Cloudflare Worker
- Host: GitHub
- URL: https://github.com/stephenjlu/cloudflare-turnstile-react
- Owner: StephenJLu
- License: mit
- Created: 2024-12-25T23:45:42.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2025-01-05T01:48:02.000Z (9 months ago)
- Last Synced: 2025-04-10T17:37:19.381Z (6 months ago)
- Topics: cloudflare, react, turnstile
- Language: TypeScript
- Homepage: https://www.StephenJLu.com/test
- Size: 716 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Cloudflare Turnstile Implementation with React and Cloudflare Worker
- 📖 [Full Documentation](https://docs.stephenjlu.com/docs-stephenjlu/projects/how-to-implement-cloudflares-turnstile)
- ⚡ [Live Test Demo](https://www.stephenjlu.com/test)
- 📝 [Blog Post](https://ledger.stephenjlu.com/how-i-made-a-contact-form-bot-killer-using-cloudflare-turnstile-captcha-challenge-plus-a-bonus-honeypot?showSharer=true)
## Test Installation
Install dependencies:
```shellscript
npm install
```
## Deployment
Local Dev:
```sh
npm run dev
```
Then run the app in production mode:
```sh
npm start
```
Production build for deployment:
```sh
npm run build
```
### DIY
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of `npm run build`
- `build/server`
- `build/client`