Function SignUp

Example: App Router and Pages Router

Sign-up component works on both the server and the client in pages router and app router.

import { SignUp } from "@monocloud/auth-nextjs/components";

export default function Home() {
  return <SignUp>Sign Up</SignUp>;
}
Copy

Example: Customize the authorization request

You can customize the authorization request by passing in props. See SignUpProps.

Note⚠️: You need to set the env MONOCLOUD_AUTH_ALLOW_QUERY_PARAM_OVERRIDES=true or allowQueryParamOverrides should be true in the client initialization for props to work

import { SignUp } from "@monocloud/auth-nextjs/components";

export default function Home() {
  return <SignUp returnUrl="/dashboard">Sign Up</SignUp>;
}
Copy