我正在AWS Amplify上托管Next.js项目，我想知道使用此设置处理静态资产（图像，字体，css，js等）的最佳方法是什么。
我看到了两种可能的解决方案：
1.在next.config.js文件中使用remotePatterns来定位CDN。
1.使用AWS Amplify的静态资产内置存储解决方案。
以下哪种解决方案是AWS Amplify上Next.js应用程序的最佳实践？是否有任何我应该注意的性能或成本考虑因素？
我目前使用的是选项#1。我已经在我的next.config.js文件中实现了remotePatterns特性，在一个单独的constants.ts文件中定义了一个CLOUDFRONT_URL常量，并且我正在使用该常量引用Image组件中的静态资产。
1条答案
按热度按时间kg7wmglp1#
这取决于您的使用情况，您是否知道您期望的流量是多少？使用Amplify，您可以免费获得12个月的免费，然后您将不得不支付构建，存储，数据传输和SSR请求以及SSR请求处理的费用。使用CloudFront和S3选项，您将支付S3存储和数据传输到Internet和Origin的费用。使用CloudFront，每月前1 TB的数据传输到互联网和1000万http/https请求从所有边缘位置（中国除外）是免费的。如果你有良好的缓存，你将能够降低数据传输到Origin的成本。