Search code examples
reactjsroutesnext.js

Relative Routing in Next JS

I am using Next JS. Currently, my page is in the url

http://localhost:3000/project/613

Now, i want to push the page to

http://localhost:3000/project/613/time/123

Is there any way i can push relatively like router.push('/time/123')

Instead of entering the full URL router.push('project/613/time/123')

Solution

  • While it's not exactly the same as relative routing you can prepend router.asPath to the relative part.

    router.push(`${router.asPath}/time/123`)

    Meaning you don't need to explicitly set the beginning of the path.