next.js - nextjs ISR 与 cloudfront

标签 next.js amazon-cloudfront vercel

我们的网站是用 nextjs 编写的,目前也有静态页面、服务器端渲染页面和动态页面的混合。由于构建时间增加,我们计划放弃静态生成并使用 ISR。

我想了解如何在 AWS Cloudfront 上配置 ISR?

我们需要一种机制来在更新某些路径时更新云端缓存。据我了解,Vercel 会自动处理此问题。关于如何在 AWS 上进行管理有什么建议吗?

最佳答案

只需使用 Vercel 😉

开门见山:Cloudfront 本身并不包含 ISR 所需的所有事件部件。您可以从中得到的最接近的是使用 stale-while-revalidate,但 Cloudfront 似乎还不支持它。也许Serverless Framework是更好的候选者,因为它们支持使用 SQS 和 Lambda 的增量静态再生 ( PR link )。截至目前,Serverless框架不支持On-Demand ISR因为它是一个全新的功能。

编辑 (2023-05-18):Cloudfront 现在支持 stale-while-revalidate。感谢@cristian 的贡献。请注意 stale-while-revalidate 的工作方式与 ISR 不同。

免责声明:我为 Vercel 工作

关于next.js - nextjs ISR 与 cloudfront,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71192245/

相关文章:

typescript - 如何在 Typescript 中使用自定义服务器构建 next.js 应用程序以进行生产

javascript - 未定义窗口 - react-draft-wysiwyg 与下一个 js (ssr) 一起使用

javascript - 无法在Reactjs中加载js文件

javascript - 单击 react/next.js 上的 anchor 链接时平滑滚动

javascript - 尝试将 Next.js 应用程序部署到 Zeit 云并在开发模式下运行时出错

reactjs - 如何实现缓存控制: public in Vercel

caching - 静态文件应该缓存多长时间?

amazon-s3 - Amazon S3 与 Cloudfront 托管 mp3 和图像?

java - 使用 Amazon S3 和 Cloudfront 智能缓存网页

javascript - NextJS 在部署到 Vercel 时抛出 404