Authentication and Session-Aware UI
Mendesain UI login dan register, navigation berbasis session, akses route yang tepat, serta error state auth yang membantu user tanpa membocorkan detail sensitif.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Login/Register UX
Mendesain form login dan register yang menjelaskan status submit, kesalahan, dan langkah berikutnya dengan jelas.
Logout and Session-Aware Nav
Menampilkan navigation yang berbeda untuk user signed out dan signed in, serta memberi logout action yang jelas.
Public vs Protected Routes
Memetakan route public dan protected, lalu memahami redirect awal tanpa menganggapnya sebagai satu-satunya pemeriksaan keamanan.
Auth Error States
Menerjemahkan kegagalan login, konfirmasi email, session, dan akses menjadi pesan serta tindakan yang jelas untuk user.
Uji Kompetensi Authentication and Session-Aware UI
Memeriksa kesiapan merancang auth-aware UI, akses route, dan error state sebelum menghubungkan app ke Supabase atau backend.