Auth Screens

Overview

Auth is the first thing users touch, so it must feel solid and secure. Build the screens on forms-and-validation (react-hook-form + zod), keep a shared layout across login/signup/reset, and follow security-UX conventions — the most important being don't leak whether an account exists.

When to use

• Building login, signup, forgot-password, or reset screens.
• Adding OAuth/social sign-in buttons.
• Email verification or magic-link flows.

Shared auth layout