Lecția 1, Magic links, opțiunea prietenoasă implicită

• Userul își scrie emailul, primește un link, dă click și e logat.

• Fără parole. Fără resetări de parolă. Fără tichete de suport.

• Funcționează în Supabase Auth din prima, fără configurări.

• Singura frecare, livrabilitatea emailurilor.

• Folosește un domeniu propriu de expediere a emailurilor (Resend sau Loops).

Lecția 2, OAuth (Google, Apple, GitHub)

• Adaugă sign-in dintr-un click pentru mai puțină frecare.

• Google OAuth, gratuit, dar cere configurare în Google Cloud Console.

• Apple OAuth, gratuit pentru aplicații iOS, altfel îți trebuie un cont Developer plătit.

• GitHub, gratuit, popular pentru tool-uri de developeri.

• LinkedIn, gratuit, popular pentru B2B.

• Supabase și Clerk le suportă pe toate din configurarea în dashboard.

Lecția 3, OTP pentru încredere mare și frecare mică

• Userul își scrie emailul sau telefonul, primește un cod din 6 cifre și îl introduce înapoi.

• Conversie mai bună decât la magic links, pentru că userul rămâne în flux.

• Folosește Twilio Verify sau OTP-ul integrat din Supabase pentru telefon.

• Costă ~0,05 EUR per SMS. OTP-ul pe email e gratuit.

Lecția 4, Sesiuni și token-uri

• Sesiuni în cookie-uri (httpOnly, secure, sameSite).

• Refresh tokens pentru re-autentificare silențioasă, implicit în Supabase și Clerk.

• Logout, șterge cookie-urile și invalidează sesiunea.

• Protecția rutelor pe server, verifică sesiunea la fiecare apel API protejat.

Lecția 5, Roluri și permisiuni

• Simplu, un singur rol per user (admin, editor, viewer).

• Mai bine, mai multe roluri, stocate într-o tabelă `user_roles`.

• Politicile RLS din Postgres ar trebui să facă referire la roluri.

• Clerk are UI integrat pentru roluri și permisiuni.

Lecția 6, Fluxul care convertește

• La primul contact, doar magic link. Zero frecare.

• După primul login reușit, propune-i să adauge OAuth (mai rapid data viitoare).

• La înscriere, cere doar emailul. Numele, rolul etc le colectezi după primul login.

• Folosește loading skeletons cât se rezolvă autentificarea. Evită flash-urile albe goale.

Generează cod Next.js 15 App Router pentru, 1) pagină de login cu magic link + Google OAuth folosind Supabase Auth, 2) callback route handler, 3) middleware care protejează rutele /dashboard, 4) buton de sign-out, 5) hook `useUser()`. Folosește componente shadcn/ui pentru formular. Adaugă tratarea erorilor și stări de loading. Ton, gata de producție, fără comentarii dacă nu sunt necesare.