How to get `post_login_redirect_url` to work

top kek · 2024-12-04T16:19:26.038Z

I’d like to redirect my user back where they were after they log in. For that i found the (undocumented) property `post_login_redirect_url` which is only mentioned in the Nextjs SDK docs. Unfortunately it did **not** add the search param to the kinde login URL 😦 Then we’ve got the other thing: how to get that URL back in my `/callback` endpoint? I call this `await kindeClient.handleRedirectToApp(manager, url)` but what about then?

T

top kekOP•12/4/24, 5:18 PM

I ended up making a work around storing it in cookies, but wonder if i could make use of this after all?

I

IkiTg07•12/4/24, 11:03 PM

Hey, i'm curious which SDK are you using please ? Please add its version too

T

top kekOP•12/6/24, 12:38 PM

"@kinde-oss/kinde-typescript-sdk": "^2.9.1",

"@kinde-oss/kinde-typescript-sdk": "^2.9.1",

"@kinde-oss/kinde-typescript-sdk": "^2.9.1",

"@kinde-oss/kinde-typescript-sdk": "^2.9.1",

I

IkiTg07•12/8/24, 3:10 PM

Excuse me. So if i understand your issue correctly it's when passing a value to post_login_redirect_url the params aren't added ? Like if you wanted
post_login_redirect_url: domain.com?redirect=shop

The part ?redirect=shop isn't added ?

I

IkiTg07•12/8/24, 3:13 PM

I am not familiar with the typescript sdk but i've had this use case and what i've done was to store the page the user was on before signing in (I'm using custom auth with a modal)
Then after the login all users are redirected to /callback where I check for the cookie value to redirect him

T

top kekOP•12/9/24, 12:47 PM

i did the same thing, but I was wondering two things:

if that parameter doesn’t work why does it exist — it does not add to the URL search params
how do I get that redirect URL back inside my callback

I’d rather use the API itself than my own solution, but for now im doing exactly that; storing the URL in a cookie and then restoring it

I

IkiTg07•12/10/24, 8:30 AM

If the param isn’t working then it might be a bug

I

IkiTg07•12/11/24, 9:59 PM

It’s mostly a bug yeah. You should open an issue on the GitHub repo. Ive passed it to the team but the issue would be even better

A

Ages•12/19/24, 6:13 AM

Hi @freddie ,

Thank you for the details. I will check on the issue with the post_login_redirect_url parameter and get back to you shortly.

A

Ages•12/30/24, 5:19 AM

Hi @freddie you can implement a custom solution by storing the intended URL before authentication and retrieving it after the user logs in. Here's how you can achieve this:

Before initiating the login process, capture the URL the user intends to visit and store it. For client-side applications, you can use localStorage, and for server-side applications, cookies are appropriate.

Client-Side Example:

// Store the intended URL in localStorage
localStorage.setItem('postLoginRedirect', window.location.href);

// Store the intended URL in localStorage
localStorage.setItem('postLoginRedirect', window.location.href);

// Store the intended URL in localStorage
localStorage.setItem('postLoginRedirect', window.location.href);

// Store the intended URL in localStorage
localStorage.setItem('postLoginRedirect', window.location.href);

Server-Side Example (using cookies):

// Set a cookie with the intended URL
res.cookie('postLoginRedirect', req.originalUrl, { httpOnly: true, secure: true });

// Set a cookie with the intended URL
res.cookie('postLoginRedirect', req.originalUrl, { httpOnly: true, secure: true });

// Set a cookie with the intended URL
res.cookie('postLoginRedirect', req.originalUrl, { httpOnly: true, secure: true });

// Set a cookie with the intended URL
res.cookie('postLoginRedirect', req.originalUrl, { httpOnly: true, secure: true });

Initiate the Login Process:
Proceed with the login process using the Kinde SDK.

// Redirect the user to the Kinde login URL
const loginURL = await client.login(locals.sessionManager);
return redirect(loginURL.toString());

// Redirect the user to the Kinde login URL
const loginURL = await client.login(locals.sessionManager);
return redirect(loginURL.toString());

// Redirect the user to the Kinde login URL
const loginURL = await client.login(locals.sessionManager);
return redirect(loginURL.toString());

// Redirect the user to the Kinde login URL
const loginURL = await client.login(locals.sessionManager);
return redirect(loginURL.toString());

Handle the Callback After Login:
After the user authenticates, they will be redirected to your application's callback URL. In this handler, retrieve the stored URL and redirect the user accordingly.

Client-Side Example:

// Retrieve the intended URL from localStorage
const postLoginRedirect = localStorage.getItem('postLoginRedirect') || '/';
// Redirect the user
window.location.replace(postLoginRedirect);

// Retrieve the intended URL from localStorage
const postLoginRedirect = localStorage.getItem('postLoginRedirect') || '/';
// Redirect the user
window.location.replace(postLoginRedirect);

// Retrieve the intended URL from localStorage
const postLoginRedirect = localStorage.getItem('postLoginRedirect') || '/';
// Redirect the user
window.location.replace(postLoginRedirect);

// Retrieve the intended URL from localStorage
const postLoginRedirect = localStorage.getItem('postLoginRedirect') || '/';
// Redirect the user
window.location.replace(postLoginRedirect);

Server-Side Example (using cookies):

// Retrieve the intended URL from the cookie
const postLoginRedirect = req.cookies.postLoginRedirect || '/';
// Clear the cookie
res.clearCookie('postLoginRedirect');
// Redirect the user
res.redirect(postLoginRedirect);

// Retrieve the intended URL from the cookie
const postLoginRedirect = req.cookies.postLoginRedirect || '/';
// Clear the cookie
res.clearCookie('postLoginRedirect');
// Redirect the user
res.redirect(postLoginRedirect);

// Retrieve the intended URL from the cookie
const postLoginRedirect = req.cookies.postLoginRedirect || '/';
// Clear the cookie
res.clearCookie('postLoginRedirect');
// Redirect the user
res.redirect(postLoginRedirect);

// Retrieve the intended URL from the cookie
const postLoginRedirect = req.cookies.postLoginRedirect || '/';
// Clear the cookie
res.clearCookie('postLoginRedirect');
// Redirect the user
res.redirect(postLoginRedirect);

For more detailed information on handling redirects after authentication, refer to Kinde's documentation on Redirecting Users https://docs.kinde.com/authenticate/custom-configurations/redirect-users/

Please try implementing this and let me know how it goes? If you encounter any issues or have further questions, feel free to ask—I'm here to help

Kinde docs

Redirect users

Our developer tools provide everything you need to get started with Kinde.

A

Ages•1/6/25, 3:29 AM

Hi @freddie ,

I just wanted to check in and see if you've had a chance to try the solution I shared regarding handling redirects after login. Have you encountered any issues or do you have any questions? Otherwise we'll go ahead and close this ticket.

Feel free to reach out if you need further assistance.

How to get `post_login_redirect_url` to work

Similar Threads

Similar Threads

Similar Threads