Add ability to send user directly to signup page on login

[jonkcinema]

Describe the problem you'd like to have solved

Most webapps have some sort of "create account" button. The auth0-react library supports this via the screen_hint parameter:

loginWithRedirect({ screen_hint: 'signup' })

The nextjs-auth0 library does not appear to support this.

Describe the ideal solution

Please add a way to send the user directly to the signup page.

E.g. <a href="/api/auth/login?screenHint=signup">Sign up</a>

Alternatives and current work-arounds

You can create your own signup handler (e.g. pages/api/signup.js), but that seems pretty unfortunate given how simple and common of an operation this is.

[adamjmcgrath]

Hi @jonkcinema - thanks for raising this

How you do signup depends on which Universal Login Page you are using see https://community.auth0.com/t/how-do-i-redirect-users-directly-to-the-hosted-signup-page/42520 for more information

Because there are different APIs for the new Universal Login experience and the Classic one (there is actually no specific API for the classic experience), and there is no way for the SDK to know which Login experience your tenant is set to - it's not possible to provide a signup api in the SDK. You'll need to create one yourself as you've described in the workaround.

[jonkcinema]

Then why does the auth0-react library make it so easy? It seems like it would be an improvement to at least make the more common / simpler approach supported, or at a minimum, improve the documentation so I could figure this out without having to read through GitHub issues. It seems like enough people are struggling with this that the status quo isn’t ideal.

…

On Mon, Aug 23, 2021 at 6:01 AM Adam Mcgrath ***@***.***> wrote: Hi @jonkcinema <https://github.com/jonkcinema> - thanks for raising this How you do signup depends on which Universal Login Page you are using see https://community.auth0.com/t/how-do-i-redirect-users-directly-to-the-hosted-signup-page/42520 for more information Because there are different APIs for the new Universal Login experience and the Classic one (there is actually no specific API for the classic experience), and there is no way for the SDK to know which Login experience your tenant is set to - it's not possible to provide a signup api in the SDK. You'll need to create one yourself as you've described in the workaround. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#471 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AVJVGUC3DASCFIYDKYFTIHTT6IL7DANCNFSM5CTMBQPA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email> .

[adamjmcgrath]

Hi @jonkcinema

The implimentation of auth0-react and this SDK are very similar and they both have the same constraints regarding the Classic and New Universal Login Pages:

// auth0-react
loginWithRedirect({ screen_hint: 'signup' })

// nextjs-auth0
handleLogin(req, res, { authorizationParams: { screen_hint: 'signup' }});

[jonkcinema]

My point is, figuring this out was a pain. It would be nice if you guys made it easier. At a minimum, through better documentation, and ideally with a slight API modification like I suggested. The auth0-react library, which you say is very similar, supports this with just the addition of the screen hint param. Why does the nextjs lib require me to write a custom handler? Why can’t I just pass a screen hint param somewhere? Anyway, my point is, your service is really great, but this is the one thing that felt much harder to do than it should be. And based on the GitHub issues, I’m not the only one getting stuck with this. Thank you for your quick responses, -Jon

…

On Mon, Aug 23, 2021 at 6:46 AM Adam Mcgrath ***@***.***> wrote: Hi @jonkcinema <https://github.com/jonkcinema> The implimentation of auth0-react and this SDK are very similar and they both have the same constraints regarding the Classic and New Universal Login Pages: // auth0-reactloginWithRedirect({ screen_hint: 'signup' }) // nextjs-auth0handleLogin(req, res, { authorizationParams: { screen_hint: 'signup' }}); — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#471 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AVJVGUCKBUEI2IIT6YSX77TT6IRIPANCNFSM5CTMBQPA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email> .