Thank in advance for any help! I am trying to implement a simple "magic link" flow using Nuxt (hosted on Netlify). Currently, I am simply using the Supabase hosted Auth dashboard to send a magic link (by clicking the 'send magic link') button for some of my test users. The user's are successfully getting a link sent to their email, with a magic link. However when they redirect back to my web app, the Supabase client is not acknowledging any user, and the test users are getting a 401 in their console. See below for more context, I assume I am just missing something obvious, and would appreciate any help
In my web app: const supabase = useSupabaseClient<Database>(); const user = useSupabaseUser(); console.log("user", user.value); <- value is just a vue thing cause this is a ref
In the console: -> user: null -> Failed to load resource: the server responded with a status of 401 () { message: "No API key found in request", hint: "No
apikey
apikey
request header or url param was found." } -> Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
Supabase gives you the tools, documentation, and community that makes managing databases, authentication, and backend infrastructure a lot less overwhelming.