title: Next.js, how to submit a form to another page?
body: <p>(<em>Next.js</em>) I have a GET form on one page. I want to submit it to another page. I know I can set the <code>action</code> property to the other page. That works. However, it does a page reload instead of just rendering the new page; the same as would happen if you had a link on the page without wrapping it in a <code>Link</code> component.</p>
  
  <p>I could catch the submit event, build a query, and push it onto the router. But that seems like a lot of extra work for something I assume has already been figured out.</p>
  
  <p>Any ideas how to do this without reinventing the wheel?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form method='get' action='/search'&gt;
    &lt;input name='q' placeholder='Search' arial-label='Search' /&gt;
  &lt;/form&gt;
  </code></pre>