Understanding CDN Cache in NextJs

Understanding CDN Cache in Next.js

Next.js has emerged as a popular framework for building fast, user-friendly web applications. The framework claims to automatically and proactively handle caching within applications. However, is this really the case?

Recently, I encountered a challenge while developing my book review website, , and for the latter .

About Dynamic Routing

In a dynamic route page, such as app/[slug]/page.tsx, setting Cache-Control headers alone is not sufficient. You must also simulate the dynamic route page as a static page. A simple way to achieve this is by using the following syntax:

export const dynamic = "force-static";

export const revalidate = 86400;

This makes the page a static page, allowing the Cache-Control headers in the response to take effect.