<ul dir="auto">
<li>[ x] I have searched the <a href="https://github.com/zeit/next.js/issues?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">A page's <code class="notranslate">getInitialProps</code> should only be called once per page load.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Sometimes <code class="notranslate">getInitialProps</code> is called multiple times in one page load.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<p dir="auto">Minimal example app (almost identical to the next example app "custom-server-express"): <a href="https://github.com/approots/next-express-issue">https://github.com/approots/next-express-issue</a></p>
<p dir="auto">To reproduce:</p>
<ol dir="auto">
<li>Run <code class="notranslate">npm run dev</code> and check the terminal console for multiple outputs of the console.log statement in the <code class="notranslate">getInitialProps</code> function of <code class="notranslate">pages/index.js</code> ("getInitialProps index").</li>
<li>Or click the link to "post 2", refresh the page, then load the index page again (localhost:3000/), and check the terminal and see multiple console.logs of "getInitialProps index". This also happens in production.</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">This means that API calls are being duplicated.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>^5.1.0</td>
</tr>
<tr>
<td>node</td>
<td>8.9.4</td>
</tr>
<tr>
<td>OS</td>
<td>Windows</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>express</td>
<td>^4.16.3</td>
</tr>
</tbody>
</table>
<h1 dir="auto">Bug report</h1>
<p dir="auto">[ event ] build page: /<br>
[ wait ]  compiling ...<br>
[ event ] build page: /about<br>
[ ready ] compiled successfully - ready on <a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a><br>
[ event ] disposing inactive page(s): /next/dist/pages/_error<br>
[ event ] build page: /next/dist/pages/_error<br>
[ wait ]  compiling ...<br>
[ ready ] compiled successfully - ready on <a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a><br>
[ event ] disposing inactive page(s): /next/dist/pages/_error<br>
[ event ] build page: /next/dist/pages/_error<br>
[ wait ]  compiling ...<br>
[ ready ] compiled successfully - ready on <a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a><br>
[ event ] disposing inactive page(s): /next/dist/pages/_error</p>
<p dir="auto">It appears my pages are constantly being compiled.  I'm unsure of what's causing this.  Furthermore when i push to production my routes fail to work within my Navbar.</p>
<p dir="auto">Steps to reproduce the behavior, please provide code snippets or a repository:<br>
visit this repository and npm run dev in order to see what's happening<br>
<a href="https://github.com/Rterrell25/Rterrell_Personal_Site">https://github.com/Rterrell25/Rterrell_Personal_Site</a></p>