SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).

SuperTokens.com

import dynamic from "next/dynamic";
import Router from "next/router";
import React from "react";
import { useSessionContext } from "supertokens-auth-react/recipe/session";
import {
  signOut,
  ThirdPartyAuth,
} from "supertokens-auth-react/recipe/thirdparty";

const Home = () => {
  const ThirdPartyAuthNoSSR = dynamic(
    new Promise((res) => res(ThirdPartyAuth)),
    { ssr: false }
  );

  async function onLogout() {
    await signOut();
    Router.push("/auth");
  }

  const session = useSessionContext();
  console.log(session);
  return (
    <ThirdPartyAuthNoSSR>
      <div>
        <h1>Secret Content</h1>
        <p onClick={onLogout}>Logout</p>
      </div>
    </ThirdPartyAuthNoSSR>
  );
};

export default Home;