ComponentsButton Sign In

A simple button to sign-in/sign-up users with our providers (Google & Magic Links).

It automatically redirects user to callbackUrl (config.auth.callbackUrl) after login, which is normally a private page for users to manage their accounts.

If the user is already logged in, it will show their profile picture & redirect them to callbackUrl immediately.

Button Sign In Component

/components/Hero.tsx

1import ButtonSignin from "./ButtonSignin";
2
3const Hero = () => {
4  return (
5    <>
6      <section>
7	      ...
8        <ButtonSignin />
9        ...
10      </section>
11    </>
12  );
13};
14
15export default Hero;