getServerSideProps

ts
import backendConfig from 'config/backendConfig';
import dynamic from 'next/dynamic';
import EmailPassword, {
  redirectToAuth,
} from 'supertokens-auth-react/recipe/emailpassword';
import { signOut } from 'supertokens-auth-react/recipe/session';
import Supertokens from 'supertokens-node';
import Session from 'supertokens-node/recipe/session';

const EmailPasswordAuthNoSSR = dynamic(
  new Promise<typeof EmailPassword.EmailPasswordAuth>((res) => {
    res(EmailPassword.EmailPasswordAuth);
  }),
  { ssr: false }
);

export async function getServerSideProps(context: any) {

  Supertokens.init(backendConfig());
  let session;

  try {
    session = await Session.getSession(context.req, context.res);
  } catch (err: any) {
    if (err.type === Session.Error.TRY_REFRESH_TOKEN) {
      return { props: { fromSupertokens: 'needs-refresh' } };
    }
    if (err.type === Session.Error.UNAUTHORISED) {
      return { props: {} };
    }
    throw err;
  }

  return {
    props: { userId: session!.getUserId() },
  };

}

function ServerRenderProtectedPage({ userId }: { userId: any }) {
  async function handleSignout() {
    await signOut();
    redirectToAuth();
  }

  return (
    <div>
      <h1>Server Side rendered Page</h1>
      <p>User ID: {userId}</p>
      <button onClick={handleSignout}>Logout</button>
    </div>
  );
}

const Server = ({ userId }: { userId: any }) => {
  return (
    <>
      <p>im ssr-ed</p>
      <EmailPasswordAuthNoSSR>
        <ServerRenderProtectedPage userId={userId} />
      </EmailPasswordAuthNoSSR>
    </>
  );
};
export default Server;

EmailPasswordAuthNoSSR

dynamic

false

EmailPasswordAuthNoSSR

getServerSideProps

err.type === Session.Error.UNAUTHORISED

userId

Server

undefined