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

SuperTokens.com

I noticed that when I go to a route protected by SessionAuth, there is a slight delay. Is there a way to show a spinner or something while SessionAuth checks if there is an authenticated user?

yea. From the user context, you get a `isLoading` prop. If that's true, you can render a spinner

`<SessionAuth>
        <MyComponent />
      </SessionAuth>`

yea.. so in the MyComponent component, you can get the session context, and from there, get the isLoading prop.

The page does not allow the use of useSessionContect

because NextJs pages are not components therefore no hooks allowed

so wrap your whole page in SessionAuth, and make it into a component