<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>
<p dir="auto">According to <a href="https://github.com/zeit/next.js#configuring-the-ondemandentries">the docs</a> a page is cached for 25sec in development by default. However, when you change something on the API-side or even in the JSX of a page, the page will update (both by HMR and when calling manually using F5).</p>
<p dir="auto">So I'm curious, what exactly is cached here, what exactly do you specify with <code class="notranslate">maxInactiveAge</code>?</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.0.0</td>
</tr>
<tr>
<td>node</td>
<td>9.5.0</td>
</tr>
<tr>
<td>OS</td>
<td>Win10</td>
</tr>
</tbody>
</table>
<h1 dir="auto">Feature request</h1>
<h2 dir="auto">Is your feature request related to a problem? Please describe.</h2>
<p dir="auto">I want to match <code class="notranslate">**/[foo].tsx</code> when I access <code class="notranslate">/</code> with <code class="notranslate">**/[foo].tsx</code> but no <code class="notranslate">**/index.tsx</code>. But now, it redirects to 404 page.</p>
<p dir="auto">I'd like to use SSR at first, but once reaching the browser, I'd like to use shallow transition.</p>
<p dir="auto">The following situations are possible on the UI:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Home | About | Blog
^^^^
 ↑
This route is &quot;/&quot; or &quot;/home&quot;.

I want &quot;Home&quot; to be displayed on both &quot;/&quot; and &quot;/home&quot;."><pre class="notranslate"><code class="notranslate">Home | About | Blog
^^^^
 ↑
This route is "/" or "/home".

I want "Home" to be displayed on both "/" and "/home".
</code></pre></div>
<h2 dir="auto">Describe the solution you'd like</h2>
<p dir="auto">If <code class="notranslate">**/[foo].tsx</code> exists and <code class="notranslate">**/index.tsx</code> does not exist, when we access <code class="notranslate">/</code>, matching <code class="notranslate">**/[foo].tsx</code>.</p>
<h2 dir="auto">Describe alternatives you've considered</h2>
<p dir="auto">I considered following solutions.</p>
<ul dir="auto">
<li>Creating <code class="notranslate">index.tsx</code></li>
</ul>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="foo
|-[bar].tsx
|-index.tsx"><pre class="notranslate"><code class="notranslate">foo
|-[bar].tsx
|-index.tsx
</code></pre></div>
<p dir="auto">However, this method causes SSR twice, for example, transitioning from <code class="notranslate">/</code> to <code class="notranslate">/about</code>.</p>
<ul dir="auto">
<li>Using server (302) redirect.</li>
</ul>
<p dir="auto">But, this method makes <code class="notranslate">/</code> route unusable.</p>