Customize your Sign Up and Sign In pages

You can mount the <SignUp /> and <SignIn /> components, similar to how you do with the <UserButton />. This will allow to customize the components to your own application's style.

Mount the two components into their own routes:

Next, add environment variables for the signIn , signUp and afterSignUp , afterSignIn paths:

These values control the behavior of the components when you sign in or sign up and when you click on the respective links at the bottom of each component.