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.
/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;