In this episode, we kick things off by creating a Turnstile widget over on Cloudflare. Before we can integrate Turnstile into our application, we need to set up this widget first. We go step-by-step through naming the widget (we just keep it simple: "Turnstile Livewire"), and hooking it up to our production domain. Don’t worry if you want to test locally—you can always come back and tweak these settings later.
Next, we go over widget modes. There are a few different options—managed (where Cloudflare decides whether to show a challenge), non-interactive, and invisible widgets. For now, we pick managed or non-interactive, just so we can actually see the widget in action during development.
We also talk about the preclearance cookie option, and why we're skipping it to avoid extra work dealing with cookie banners. Once the widget is created, we grab the site key and secret key provided and stash them in our project’s environment file to use with the package we'll install next.
By the end of this episode, you’ll have your Turnstile widget created and ready, and you’ll have the keys you need to move on to integrating it into your app.