Integrate Cloudflare Turnstile into Laravel and Livewire

Want to integrate Cloudflare Turnstile CAPTCHA into your Laravel or Livewire app? This package from Ryan Chandler makes integration super simple.

Cloudflare Turnstile for Laravel Usage

Include the Turnstile scripts using the @turnstileScripts Blade directive in the <head> of your layout file.

<html>
    <head>
        @turnstileScripts()
    </head>
    <body>
        {{ $slot }}
    </body>
</html>

After that, use the <x-turnstile /> component inside a <form>:

<form action="/" method="POST">
    <x-turnstile />
 
    <button>
        Submit
    </button>
</form>

Use the provided validation rule on the server to validate the CAPTCHA response.

use Illuminate\Validation\Rule;
 
public function submit(Request $request)
{
    $request->validate([
        'cf-turnstile-response' => ['required', Rule::turnstile()],
    ]);
}

Cloudflare Turnstile with Livewire

This package can also integrate seamlessly with Livewire. Upon successful validation, the property specified inside of wire:model will be updated with the Turnstile token.