Sign-Up Page Examples

This page provides examples of how to create custom sign-up pages for your application using Stack Auth components and functions.

Custom page with SignUp component

You can also use useUser at the beginning of the sign-up page to check whether the user is already signed in and redirect them to another page if they are.

Other useful components

CredentialSignUp: A component that renders a complete form for signing up with email and password. It handles validation, error states, and submission automatically.

OAuthGroup: A component that displays a list of available OAuth provider sign-up buttons. The available provider list is automatically fetched from the server based on your project configuration.

OAuthButton: A component that renders a single OAuth sign-up button for a specific provider. Use this when you only want to offer specific OAuth providers.

Custom OAuth Sign Up

OAuth sign-in and sign-up share the same function. Check out the Sign In example for more information.

Custom Credential Sign Up

Custom Magic Link Sign Up

Magic link sign-in and sign-up shares the same function. Check out the Sign In example for more information.