<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">We should have documented as an example how to use the new <a href="https://github.com/zeit/next-plugins/tree/master/packages/next-sass">next-sass</a> plugin</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">We have a few examples to import <code class="notranslate">.sass</code> files which are mostly hacks to make it work.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">With the release of Next.js v5 the current examples of importing SASS/SCSS are outdated and can be simplified with the new <a class="issue-link js-issue-link notranslate" rel="noopener noreferrer nofollow" href="https://linear.app/vercel/issue/NEXT-css">next-css</a> plugin.</p>
<ul dir="auto">
<li>[x ] 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">Both URLs /foo and /foo/ should render the contents of /pages/foo/index.js.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">/foo works fine, but /foo/ causes a 404 error on SSR and only reconciles later at client side rendering.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>create minimal next.js project</li>
<li>create /pages/foo/index.js including e.g. <code class="notranslate">export default () =&gt; &lt;div&gt;hello world&lt;/div&gt;</code></li>
<li>test url /foo/, should throw 404 on SSR</li>
</ol>
<h2 dir="auto">Context</h2>


<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.0.0</td>
</tr>
<tr>
<td>node</td>
<td>8.9.0</td>
</tr>
</tbody>
</table>