BlocksAuthRegister 01

Register 01

About this block

Register 01 is a centered registration card with full name, email, and password fields and a confirmation password field, including client-side validation for all inputs. Built with shadcn/ui Form, Input, Label, and Card components using React Hook Form and Zod for validation. The form is UI-only — wire the submit handler to your user creation API, Supabase Auth signup, or NextAuth registration flow. A link to the login page is included at the bottom of the card.

When to use it

  • Web applications that require user account creation with standard email and password credentials
  • Projects where you need a clean registration UI to wire to your own backend auth logic
  • Products that use Login 01 and need a matching registration page in the same visual style
  • Any Next.js project where registration is a required step before accessing the product

Notes

For a fully wired Supabase Auth registration page, pair this with the Supabase server client and the auth callback route from Login 02. The Zod schema is exported separately so you can extend it with additional fields.