How to Use SUPABASE AUTH With Next.js 14 

Maybe this was a better comment for that video, but you get it.

I'm looking at the code for both videos right now. In the other video I have "if (!user) return null;" in the function because I usually add other code after that to fetch information about the user from the database. I should have taken that line out for that video because we don't deal with a database it's just auth. The other difference is that I pass in an argument to the getSupabaseAuth function in this video. Because I changed the getSupabaseAuth function to do a try catch the isComponent argument is unnecessary. If you have your code in a public GitHub repo I can look over it and try to see what's wrong.

Thank you! Let me know if you want me to cover any other topics

@@coleblender The only problem which I still have with Supabase is how to coordinate DEV, QA and PROD enviroments in sync

@@kamil_supabase_enjoyer what exactly do you mean? The only problem I have is that you have to configure the website url for auth which means I have to change it when working in dev but other than that I have no problems

If you look at the updated docs it has the new code that you need: supabase.com/docs/guides/auth/server-side/creating-a-client?queryGroups=environment&environment=server Which is this: import { createServerClient } from '@supabase/ssr' import { cookies } from 'next/headers' export function createClient() { const cookieStore = cookies() return createServerClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { try { cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options) ) } catch { // The `setAll` method was called from a Server Component. // This can be ignored if you have middleware refreshing // user sessions. } }, }, } ) } Is this what you're talking about?

I’m glad you appreciate it! As someone who learned programming from RU-vid I know how annoying it is to sift through the bullshit. I will continue with this style

I actually just released a video covering this. It’s my most recent video

And I’m glad you liked it!

@@coleblender oh wow ok I just saw it!!! It’s very nice :D Thank you so much. I should release a video soon also covering this Supabase SSR using Remix JS. There is no enough video of Remix on RU-vid and I thinl that would help people. Thanks again!

@pcv-free-as-a-bird hell yeah bro that’s a great idea keep it up. FYI I do something slightly wrong with the client auth near the end so I’m releasing a video just about client auth on Monday

@@coleblender No problem. The only thing I need it’s to understand in which case we use BrowserClient and when we use the ServerClient. I’m still a bit confuse with both case scenarios. A real life example would be but I’ll check your most recent video and probably will get it. Thanks!

Hell yeah bro I got you!!

subscribed!

Hell yeah man appreciate it! I just released another video going a little more in depth. Check it out if you want to know how to manage users!

​@@coleblender i just watched it. i think i have a request, i want to see how you handle the forgot password thing with auth. because i have tried that previously and i always ran into issues with the redirect urls (even with supabase ssr)

@@hamzasaleem1537 Okay I can make another video soon. I'm gonna make one on oauth next then I can do that one later.

@@coleblender appreciate ya. looking forward to more cool videos too! 🤝

Thanks I appreciate it!! Maybe I can make a part 2 where I create a user

@@coleblender thank you, how soon?😢

I’ll most likely have it done by either Monday or Tuesday

Btw I posted the new vid like a week ago

@@coleblender Oh really thank you i'll check it out now!

Hell yeah man glad I could help 🍻