NextJS部署Vercel后Notion API数据未更新问题求助

核心原因：Vercel静态生成的缓存机制 #

你的getPosts函数如果是在静态生成页面（比如getStaticProps）中调用，Vercel会在构建阶段一次性拉取Notion数据并生成静态页面，之后默认不会主动重新获取最新内容——这就是生产环境无法同步Notion修改的关键。而本地开发时，NextJS会按需重新执行数据获取逻辑，所以能实时看到更新。

可行解决方案 #

方案1：启用增量静态再生（ISR） #

在getStaticProps中添加revalidate参数，让Vercel定期后台更新页面，同时保留静态页面的性能优势：

export async function getStaticProps() {
  const posts = await getPosts();
  return {
    props: { posts },
    // 每60秒触发一次后台数据更新（可根据需求调整时长）
    revalidate: 60,
  };
}

用户访问页面时，若距离上次生成超过设定时长，Vercel会在后台重新拉取Notion最新数据并更新页面，下次访问即可看到修改内容。

方案2：改用服务端渲染（SSR） #

如果对实时性要求极高，可改用getServerSideProps，每次请求都会重新调用getPosts获取最新数据：

export async function getServerSideProps() {
  const posts = await getPosts();
  return {
    props: { posts },
  };
}

注意：SSR会增加服务器负载，每次请求都需调用Notion API，仅适合实时性要求极强的场景。

方案3：手动/自动触发重新部署 #

若不想修改代码，可在Vercel控制台手动触发重新部署；也可配置Notion数据库的webhook，当内容更新时自动调用Vercel部署API触发重新构建，但这种方式灵活性不如ISR。

额外检查项 #

• 确认Vercel项目的环境变量NOTION_API_KEY和NOTION_DATABASE_ID配置与本地一致（可在Vercel项目Settings → Environment Variables中查看）。
• 检查Notion API调用频率，避免触发限流（免费版有请求次数限制）。

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