Shallow routing for dynamic routes

Hi. Is there a way with next.js v9 to navigate from /post/123 to /post/124 shallowly? Here’s my page structure:

pages
  post
    [id]

Tried

const href = `/post/124`
const as = href
Router.push(href, as, {shallow: true})

when I’m on /post/123 page with no luck (the page refreshes).

What I need to achieve - I have a sidebar with posts list on the left of the page and selected post on the right. So when clicking a post title in sidebar I show it on the right and I also need to update the url, without refreshing the page.

[sgmonda]

Oh my god, I was understanding [postId] as a macro to be replaced by me when coding but, in fact, It is [postId] literally what have to be wroten. Now that I’ve understood that it works like a charm.

Sorry and thank you very much @Timer @timneutkens for your patience. 😃

For future stupids, like me, what have to be replaced during your program execution is the as part but not the href (that is a literal string declaring your filesystem path):

            Your code shouldn't
                 change this
              during execution
                     |
                     v
<Link href="/post/[postId]" as={`/post/${id}`}>
  <a>First Post</a>                      ^
</Link>                                  |
                                  This is what you
                             have to modify dynamically
                                during the execution

[timneutkens]

href is the path inside the pages directory as is the url in the browser

See docs here: https://nextjs.org/docs#dynamic-routes