Function SignIn

Example: App Router and Pages Router

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

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

export default function Home() {
  return <SignIn>Sign In</SignIn>;
}
Copy

Example: Customize the authorization request

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

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 { SignIn } from "@monocloud/auth-nextjs/components";

export default function Home() {
  return (
    <SignIn loginHint="username" authenticatorHint="password">
      Sign In
    </SignIn>
  );
}
Copy