Saquib Ali - Portfolio

How to redirect user to previous page after signin

if (session?.user?.role === 'admin') {
  router.push('/admin')
} else {
  const previousPath = document.referrer
  const previousUrl = previousPath ? new URL(previousPath) : null
  const isPreviousRouteHomepage =
    previousUrl &&
    (previousUrl.pathname === '/' || previousUrl.pathname === '')
 
  if (
    previousUrl &&
    !isPreviousRouteHomepage &&
    previousUrl.origin === window.location.origin
  ) {
    router.back()
  } else {
    router.push('/learn')
  }
}

How it works?

If user is admin simply redirect to "/admin"

if (session?.user?.role === 'admin') {
  router.push('/admin')
}

else we need to check whether user is coming from "/" [Home Route] or a specific Route

if user comes from Home route redirect to a CTA page [here "/learn"]
else redirect to previous page

previousPath stores the last page user was on

const previousPath = document.referrer

parse previousPath into URL , now if the pathname for this previousUrl is "/" or "" then the previous page might be home page to confirm check if the origin is same as current [what if the user is on some other page and comes to our login page from there]

const previousPath = document.referrer
const previousUrl = previousPath ? new URL(previousPath) : null
const isPreviousRouteHomepage =
  previousUrl &&
  (previousUrl.pathname === '/' || previousUrl.pathname === '')
 
if (
  previousUrl &&
  !isPreviousRouteHomepage &&
  previousUrl.origin === window.location.origin
) {
  router.back()
} else {
  router.push('/learn')
}