Next.js SSG项目部署Firebase Hosting后无法展示数据库新增数据问题咨询

核心原因 #

这个现象本质不是Firebase不支持SSG，而是当前部署方式不支持Next.js的**增量静态再生（ISR）**功能：

• getStaticProps中配置的revalidate: 5属于ISR能力，作用是让Next.js的Node.js运行环境每隔5秒自动重新拉取数据、生成最新的静态页面，必须依赖Next.js服务端运行时才能生效。
• 本地执行next start时，启动的是Next.js自带的Node服务，可正常执行ISR逻辑，因此新增数据可以自动更新到页面。
• Vercel原生适配了Next.js全量特性，ISR功能可直接正常运行。
• 但执行next export后导出的是纯静态HTML文件，ISR逻辑已经被完全剥离，部署到Firebase Hosting默认的纯静态托管环境后，没有Node服务触发页面重新生成，站点只会展示next export执行时拉取的旧数据，数据库新增内容自然不会同步更新。

可选解决方案 #

可根据实际场景选择适配方案：

• 方案一：改用Firebase官方Next.js部署流程，无需手动执行next export。使用firebase-frameworks工具直接部署项目，Firebase会自动通过Cloud Functions/Cloud Run承载Next.js服务端逻辑，完整支持ISR、SSR等所有Next.js特性。
• 方案二：如果需要保持纯静态托管模式，可将数据获取逻辑转移到前端实现。在页面组件中通过useEffect在组件挂载后直接请求Firebase数据库的最新数据，再更新页面渲染内容，这种方式适配所有静态托管服务，可保证每次页面加载都拿到实时数据。
• 方案三：如果数据更新频率极低，也可选择每次新增数据后，重新执行next build && next export再部署到Firebase Hosting，手动完成页面内容更新。

内容的提问来源于stack exchange，提问作者L.Goyal