Тёмный

Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021] 

Nader Dabit
Подписаться 50 тыс.
Просмотров 21 тыс.
50% 1

Опубликовано:

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 37   
@MaxProgramming
@MaxProgramming 2 года назад
Honestly speaking, this tutorial is a life saver! It should be recommended in the Supabase Docs 💪! Thanks a lot Nader!
@juliencollet8271
@juliencollet8271 2 года назад
Super clear tutorial to learn how magic link works with Supabase & Next.js. Thank you Nader 🙏
@ilichpadilla2448
@ilichpadilla2448 Год назад
Amazing video. Looking forward to seeing more like this.
@alabhyajindal
@alabhyajindal 2 года назад
Thanks, this is super helpful!
@michael.knight
@michael.knight 3 года назад
Thanks for the tutorial, well explained. One thing I'm not sure about is how it actually checks that the current user visiting the page is matching the cookie stored on the server. What exactly is it comparing it with?
@amorenva
@amorenva 2 года назад
Hey man, how do you use route controls for something like Premium Users or different membership tiers (Gold, Silver, Platinum memberships, etc). All tutorials out there explain perfectly the case for global authentication of users, but none of them show an actual example of this kind of granular access. Great channel btw, just subscribed.
@danielcranney
@danielcranney 3 года назад
This mostly works well, but I'm not able to access the protected page even after logging in. I'm always being redirected to /sign-in.
@nocturno7887
@nocturno7887 2 года назад
Thank you very much
@sahilkachhap
@sahilkachhap 2 года назад
Sir I am little confused on how to register a new user using this magic link ?
@appstuff6565
@appstuff6565 Год назад
Hey nader! Thanks for this. Any changes to do with the new App Routing implementation in NEXTJS 13 and above with supabase?
@ArthurBurgan
@ArthurBurgan 3 года назад
I’m having an issue with token refresh. Once it expires, I can’t access protected routes as server returns null for user. Has anyone encountered that as well?
@tanercoder1915
@tanercoder1915 2 года назад
great tutorial! I was following it and concerting code to just pure react... some of the functions don't work... like could you suggest how to redefine handleAuthChange function that is fetching from api folder? in pure react this doesn't work await fetch('/api/auth', { ...
@stvlley
@stvlley 2 года назад
🙏
@qhkmdev
@qhkmdev 2 года назад
I love supabase but the only thing that turned me off is the flash after login, and currently seems there's no way to get the isLoading state
@jornesaenen
@jornesaenen 2 года назад
do you have a video or blog, which theme from oh my zsh you have and how to get the node version in it..?
@MarcosEsqueda
@MarcosEsqueda 3 года назад
Hello! Nader. I have a question. My team is building an application with supabase but we need to retrieve after registration if the email already exists... if not, register the user. Is it possible? We don't have access to the User's table.
@manojthapa1641
@manojthapa1641 3 года назад
Nader whats your take on copilot.
@naderdabit
@naderdabit 3 года назад
It's pretty cool, seems to get in the way sometimes though.
@adamjones7497
@adamjones7497 2 года назад
You don’t need to let us know, “you are going ahead and..”, just do it. - other than that, nice tutorial. Very informative.
@calvint678
@calvint678 3 года назад
Thanks for this. I've been building something recently and wondered if It was best practice to ping Supabase to check auth status on EVERY page load. Isn't that what we're doing here? Thanks again.
@naderdabit
@naderdabit 3 года назад
it's actually checking either localstorage or the cookie storage (also locally) and, if the token is not yet expired, returning the signed in user, so there is no round trip to the server
@digitalmastery3736
@digitalmastery3736 2 года назад
@@naderdabit what happens when it expires , i am assuming it will get the user back to the login screen since there is no cookie now . and the expiry can be set from the supabase if i am correct
@endernator
@endernator 2 года назад
please bigger fonts in editor ✍️... thx but hard to read
@Gearmaster7
@Gearmaster7 2 года назад
Great tutorial, just wish you would turn off co-pilot it's very distracting.
@thexfactor9999
@thexfactor9999 2 года назад
What theme are you using for vscode?
@bastianhenneberg5407
@bastianhenneberg5407 2 года назад
What is your color theme it's!? 🔥
@akkis1905
@akkis1905 Год назад
Supabase has authentication right why do we need another provider.
@cordial
@cordial 9 месяцев назад
Aren't you putting the secret ANON key in the client?
@cordial
@cordial 9 месяцев назад
ahh it seems ANON isn't secret, only the RLS should be kept secret and not used on the client.
@anthonynolanjannotta4688
@anthonynolanjannotta4688 3 года назад
What’s the difference between next.js and react.js?
@lardosian
@lardosian 3 года назад
I think the main one is Next renders on the server, React renders on the browser.
@danielstill5625
@danielstill5625 3 года назад
Next JS builds your webstite for you. Pages can be static HTML, or server-side. It's built on top of React.
@javascripthub
@javascripthub 2 года назад
its straight forward until auth.js and _app.js its complecatetd the last part for me
@sahilsen2539
@sahilsen2539 3 года назад
Hey Nader, really love to collab on the web3 content TW: @sensahil
Далее
10 common mistakes with the Next.js App Router
20:37
Просмотров 212 тыс.
Real respect sig
00:48
Просмотров 1,3 млн
The Big Headless CMS Lie (James Mikrut)
18:14
Просмотров 58 тыс.
The Story of Next.js
12:13
Просмотров 576 тыс.
Don't Use Websockets (Until You Try This…)
6:46
Просмотров 301 тыс.
Power your next app with Clerk + Supabase
16:09
Просмотров 13 тыс.
Supabase Crash Course
25:17
Просмотров 131 тыс.
An Illustrated Guide to OAuth and OpenID Connect
16:36
Просмотров 587 тыс.
Protect Your API - Next Auth Middleware
8:05
Просмотров 34 тыс.