Redirect to provider's signin page in getServerSideProps

[cascandaliato]

Client side, I can do

const [session, loading] = useSession()

useEffect(() => {
  if (!session && !loading) signIn('auth0')
}, [session])

to redirect an unauthenticated user directly to the provider's page, bypassing the built-in /auth/signin page.

How do I achieve the same result in getServerSideProps?

I tried with

export const getServerSideProps = async (context) => {
  const session = await getSession(context)

  if (!session) {
    context.res.setHeader('location', '/api/auth/signin/auth0')
    context.res.statusCode = 302
    context.res.end()
    return { props: {} }
  }

  return { props: { session } }
}

but it brings me to the built-in page

[jaaneh]

You could try doing something similar to this

export const getServerSideProps = async ({ req }) => {
  const session = await getSession({ req })

  if (!session) {
    return {
      props: {},
      redirect: {
        destination: '/path/to/redirect',
        permanent: false
      }
    }
  }

  return {
    props: {
      session
    }
  }
}

[cascandaliato]

Thank you, this way of redirecting is more readable. Unfortunately it brings me to the same built-in page.