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.

        {{ $slot }}

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

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


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

use Illuminate\Validation\Rule;

public function submit(Request $request)
        '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.

<x-turnstile wire:model="yourModel" />

Check out the package on GitHub for more details on customizing and integrating it into your app.

The post Integrate Cloudflare Turnstile into Laravel and Livewire appeared first on Laravel News.

Join the Laravel Newsletter to get all the latest Laravel articles like this directly in your inbox.

Read more

© 2024 Extly, CB - All rights reserved.