DEV Community

Shadab Ali
Shadab Ali

Posted on

1 1

After Login redirect Back to post where you are reading without login

Hi Guys
Back with another real-life scenario in software development.

Do you know when you are scrolling to some famous websites like LinkedIn, Facebook, etc without logging in?

And when you want to comment or like a post but that requires a login and After login, the website will take you to the same post or Article

How did this happen?

It is actually very easy to do,

just append the URL of the post as a query parameter in the login URL.

const goToLoginPage=()=>{
router.push(
/login?redirectTo=${router.asPath});
}

And in the login API function just checks if the URL contains this param and then send the user to this route

async function loginUser(){
const { redirectTo } = router.query;
const res=await loginApi(); ;
if(res.success){
router.push(redirectTo ?? '/');
}
}

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay