108えん

<table data-line="0" class="code-line">
<thead data-line="0" class="code-line">
<tr data-line="0" class="code-line">
<th>page cache</th>
<th>data cache</th>
<th>prefetch範囲</th>
<th>prefetch時のデータの再検証</th>
<th>結果</th>
</tr>
</thead>
<tbody data-line="2" class="code-line">
<tr data-line="2" class="code-line">
<td>force-static</td>
<td>null</td>
<td>page.tsx</td>
<td>される</td>
<td>staticページはすべてprefetchされる</td>
</tr>
<tr data-line="3" class="code-line">
<td>force-dynamic</td>
<td>null</td>
<td>loading.tsx</td>
<td>されない</td>
<td>dynamicページは<code>loading.tsx</code>と<code>metadata</code>までフェッチされる</td>
</tr>
<tr data-line="4" class="code-line">
<td>force-dynamic</td>
<td>unstable_cache</td>
<td>loading.tsx</td>
<td>されない</td>
<td>
<code>loading.tsx</code>と<code>metadata</code>がprefetchされる</td>
</tr>
</tbody>
</table>


<p data-line="0" class="code-line">NextJS15で<code>unstable_cache</code>はなくなって<code>use cache</code>でいろいろできるようになるらしい。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f8c968ce75fbd" src="https://embed.zenn.studio/card#zenn-embedded__f8c968ce75fbd" data-content="https%3A%2F%2Fnextjs.org%2Fdocs%2Fcanary%2Fapp%2Fapi-reference%2Fdirectives%2Fuse-cache" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://nextjs.org/docs/canary/app/api-reference/directives/use-cache" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://nextjs.org/docs/canary/app/api-reference/directives/use-cache</a></p>


page cache	data cache	prefetch範囲	prefetch時のデータの再検証	結果
force-static	null	page.tsx	される	staticページはすべてprefetchされる
force-dynamic	null	loading.tsx	されない	dynamicページは`loading.tsx`と`metadata`までフェッチされる
force-dynamic	unstable_cache	loading.tsx	されない	`loading.tsx`と`metadata`がprefetchされる