CriticalMoments/CMSaasStarter

Make Login/Signup/Forgot-Password Pages "Sveltey"

scosman opened this issue · 2 comments

The login pages use @supabase/auth-ui-svelte but despite the name, these are wrappers of a general javascript framework, that doesn't produce Svelte. They can't be pre-rendered, are a bit slower to load, and show a visual stutter when applying style. I also don't love the error message handling (shown below, not inline), and the "in progress" indicator (too subtle, and can be below the viewport on mobile).

We can re-implement these in pure svelte for pre-render/consistency/speed, and fix the UX issues mentioned above.

P2: everything is functional and works fine as is.

Open for community input on this one.

The supabase team is tracking the root issue here: supabase-community/auth-ui#230

I have a workaround, but will see if they fix it soon as it’s not critical.

Would still like svelte-rendering instead of that library so leaving open as P2.

In integrated my workaround in 9211be0 . Looks like no ETA on real fix, and easy enough to revert if they do.

Closing the issue. While I wouldn't mind moving away @supabase/auth-ui-svelte for performance, I realized it would be a ton of work. It's loading in all the oAuth options and icons. It would need to be kept up to date as Supabase adds/removes providers. Best to use the official solution for long term stability.