Turnstile (Captcha) for Supabase Auth's signup process

Hey guys,

I am following the video tutorial closely to switch to using Supabase’s Auth instead of my Auth0 integration which was already working. But I have run into a little bit of a snag.

I have binded all the fields to the respective values as such,

But within the Supabase documentation, as a good practice it requires you to enable Captcha to protect your Supabase project. In the 2nd half of the docs, it also mentions it requires a front-end component for this to be setup and work as expected.

I am aware of creating the public ‘profiles’ table and that is on my next to-do but I cant seem to move forward without solving this captcha portion. Any help is appreciated!

Regards,
Moolah

Hello @MOOLAH, I’ve recently created for a partner a widget that solves this, in case you or someone else would be looking for this. It’s as simple as dragging it into your project and setting the key.

  • Refresh the widget - this removes and adds a new widget, effectively generating a new captcha via the Execute component action → Re-render Turnstile
  • Change language - you can select any of the many languages that are available by Cloudflare (such as Farsi, Chinese, Bulgarian etc. there is really many)
  • Change the theme - Light mode, Dark mode, or Automatic selection of the theme

It exposes the token as a variable so you can bind it in WeWeb without all the work to even get it into WeWeb.

You can find the widget in the marketplace, there also is an interactive demo.
https://marketplace.weweb.io/libraries/d318f23f-789f-4229-9460-8d547cfa9f07/