title: Set and get URL parameters in Next.js
body: <p>I want to know how to attach an ID for example at the end of the URL in Next.js and how to retrieve it in the destination page like this ...</p>
  
  <pre><code>&lt;Link href={`/about/${id}`}&gt;&lt;a&gt;About&lt;/a&gt;&lt;/Link&gt;
  </code></pre>
  
  <p>To be like this ...</p>
  
  <pre><code>/about/256983649012
  </code></pre>
  
  <p>And then retrieve it in the about page.</p>
  
  <p>How can I do that?</p>
  
  <p>And please keep in mind that I'm already aware of this approach ...</p>
  
  <pre><code>&lt;Link href={{ pathname: 'about', query: { id: id }}}&gt;&lt;a&gt;About&lt;/a&gt;&lt;/Link&gt;
  </code></pre>
  
  <p>But I don't really want to the link to be like this <code>about?id=256983649012</code></p>