auth-helpers VS svelte-store

I have encountered a similar issue, but I haven't fully found a solution yet. Currently, I'm using the getSession function throughout my server components. Yesterday, I tried running a middleware to refresh the user's session, based on this example: https://github.com/supabase/auth-helpers/blob/main/examples/nextjs/middleware.tsx. This caught my attention because the comment mentioned that the middleware is necessary for any Server Component route using createServerComponentClient. Right now, I'm testing this approach, and so far, I haven't been logged out since yesterday. Do you have that in your application? The main difference between getSession and getUser in supabase is that getSession reads the cookies and is very fast (around 1-2 ms), while getUser makes a call to the supabase API with the access token to retrieve the user and I would assume they also verify the JWT on their end.

F.ex. Have a look how supabase-auth-helper-sveltekit works. This is the "SvelteKit way" to approach authentication. It also works perfectly with invalidate to reload or invalidate data that is connected to the current user session. As pointed out already, there is no reason you should not be able to access your JWT.

We have updated the Next.js Auth Helpers package to make it available across the client and server of the App Router. They also now implement server-side auth by default with PKCE - meaning the entire auth flow is now possible server-side.

Example

seems like known issue https://github.com/supabase/auth-helpers/issues/497

auth helper for sveltekit: https://github.com/supabase/auth-helpers/tree/main/packages/sveltekit

I do think checking auth in a server component would likely be better for your use here. Supabase has a nice example here: https://github.com/supabase/auth-helpers/tree/main/examples/nextjs-server-components They have a simple case with Middleware, but you wouldn't need to do it that way. Can use "redirect(/login)" from the server component.

Include https://github.com/square/svelte-store Include: https://www.skeleton.dev

worth looking at these too https://github.com/square/svelte-store

Amazing! Pretty much any time you want reactivity but don't want to write it inside a Svelte component, stores are what you're looking for. Check out Square's store library for async stuff too! https://github.com/square/svelte-store

Use https://github.com/square/svelte-store as a drop-in replacement for the standard stores api and check out derived stores.

@/square/svelte-store I've seen somebody recommend it here but no comparison drawn with other solutions. There is also svelte-asyncable which also uses stores in a similar way.

I’ve been using it and abusing it for well over six months and if I didn’t have it I would need to build same with custom stores, soooo, do yourself a por favor and just use https://github.com/square/svelte-store from here on out!

Link for convenience. This looks really good actually, thanks for sharing!