Next.js生产环境静态页面动态元数据失效，如何退出SSG？

强制启用动态渲染（退出SSG） #

在首页、关于页这类静态页面的文件顶部，添加以下配置：

export const dynamic = 'force-dynamic';

这个配置会让Next.js放弃SSG，强制页面每次请求都在服务端渲染（SSR），这样generateMetadata就能每次都从MongoDB拉取最新的元数据配置，不会出现动态标签为undefined的情况。

增量静态再生（兼顾静态优势+定期更新） #

如果不想完全舍弃静态生成的性能优势，只想定期同步元数据，可以用ISR配置：

export const revalidate = 60; // 单位：秒，这里设置每60秒更新一次

页面会先静态生成，之后每隔指定时间自动重新拉取MongoDB的最新配置，更新页面和元数据，适合不需要实时更新的场景。

单独强制元数据动态获取 #

也可以在generateMetadata函数里直接配置，让元数据不缓存：

export async function generateMetadata() {
  const adminConfig = await fetch('你的MongoDB元数据接口').then(res => res.json());
  return {
    title: adminConfig.pageTitle,
    description: adminConfig.pageDesc,
    revalidate: 0 // 强制元数据每次请求都重新获取
  };
}

配合页面的dynamic配置使用，能确保元数据和页面内容都同步更新。

补充说明 #

• 以上方法针对Next.js 13+的App Router；如果是Pages Router，直接用getServerSideProps替代SSG即可。
• force-dynamic会增加服务器压力，因为每次请求都要重新渲染页面，需要根据业务流量情况权衡使用。

内容的提问来源于stack exchange，提问作者Abdullah moiz