Redirect unauthenticated users to provider login page in Server Components

[quickbeard]

Goals

• When unauthenticated users go to my page, they will be redirected to provider's login page (Keycloak in my case).
• Compatible with Server Components

Background

• Next-Auth v5 (beta), Next 14, React 18. Followed this example: https://github.com/nextauthjs/next-auth-example
• For Server Components, I can redirect unauthenticated users to next auth login page using Next redirect function, something like this if (!session) { return redirect("/api/auth/signin") }.
• If I call signIn with useEffect like mentioned in this issue How to auto redirect to the provider login screen #4078, then it has to be a client component.
• I found another issue regarding this problem but still couldn't figure it out: Sign in directly to provider seems to fallback to default signin page #1582

Proposal

I'm sorry I don't think I can be any help here. Thank you!

[axten]

Hello, I'm facing the same problem. Did you fixed it?

[mfmanca2000]

Has anyone found a solution?
The only way I could find was to login on a button click using the await signIn('keycloak') but I'd like to handle the redirect in the middleware instead

[serge378]

I found the solution on this discussion: How to auto redirect to the provider login screen #4078
Hope this will help