<p dir="auto">In <code class="notranslate">with-firebase-hosting</code> I got 404 page once I run <code class="notranslate">npm run serve</code> and go to <code class="notranslate">localhost:5000/</code></p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<p dir="auto">See the next server running, home page</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">404 page</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>Clone the repo</li>
<li>Install dependencies then add my firebase project name</li>
<li>npm run serve</li>
</ol>
<p dir="auto">Hi,<br>
I want create a web app with redux-saga and firestore.<br>
I have created a repo based on with-firebase-hosting here =&gt; <a href="https://github.com/Bolket/next-firebase-functions/tree/withSaga">https://github.com/Bolket/next-firebase-functions/tree/withSaga</a>.</p>
<p dir="auto">My next.config.js</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="module.exports = { distDir: '../../build/functions/next' };"><pre class="notranslate"><span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span> <span class="pl-c1">distDir</span>: <span class="pl-s">'../../build/functions/next'</span> <span class="pl-kos">}</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">If i remove next.config.js it works fine but with a different distDir I have this message in console =&gt; <code class="notranslate">Warning: Expected server HTML to contain a matching &lt;h1&gt; in &lt;div&gt;.</code> and the server send a 404 error.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5980398/35574310-c0711040-05d9-11e8-8569-16349863d4e5.gif"><img src="https://user-images.githubusercontent.com/5980398/35574310-c0711040-05d9-11e8-8569-16349863d4e5.gif" alt="bug" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Clone this repo =&gt; <a href="https://github.com/Bolket/next-firebase-functions/tree/withSaga">https://github.com/Bolket/next-firebase-functions/tree/withSaga</a></li>
<li>yarn</li>
<li>yarn next</li>
</ol>
<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>4.4.0-canary.3</td>
</tr>
<tr>
<td>node</td>
<td>8.9.3</td>
</tr>
<tr>
<td>OS</td>
<td>MacOS</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63.0.3239.132</td>
</tr>
</tbody>
</table>