View a markdown version of this page

Amplify 对以下各项的支持 Next.js - AWS Amplify 托管
Next.js 功能支持

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

Amplify 对以下各项的支持 Next.js

Amplify 支持部署和托管使用创建的服务器端渲染 (SSR) 网络应用程序。 Next.js Next.js 是一个用于开发 SPA 的 React 框架。 JavaScript您可以部署使用不超过 Next.js 15 的 Next.js 版本构建的应用程序，这些应用程序具有图像优化和中间件等功能。

开发人员可以使用 Next.js 将静态网站生成 (SSG) 和 SSR 组合到一个项目中。SSG 页面在构建时预渲染，SSR 页面在请求时预渲染。

预渲染可以增强性能和搜索引擎优化。由于会 Next.js预渲染服务器上的所有页面，因此每个页面的 HTML 内容在到达客户端浏览器时就准备好了。这一内容的加载速度也更快。加载速度加快可以改善最终用户的网站体验，对网站的 SEO 排名产生积极影响。预渲染还使搜索引擎机器人能够轻松查找和爬取网站的 HTML 内容，从而改进 SEO。

Next.js 提供内置分析支持，用于衡量各种性能指标，例如第一个字节的时间 (TTFB) 和第一个内容绘制 (FCP)。有关的更多信息 Next.js，请参阅 Next.js 网站上的入门。

Next.js 功能支持

Amplify Hosting 计算完全管理使用 Next.js 版本 12 到 15 构建的应用程序的服务器端渲染 (SSR)。

如果您在 2022 年 11 月 Amplify Hosting 计算版发布之前在 Amplify 上部署了 Next.js 应用程序，则您的应用程序使用的是 Amplify 之前的 SSR 提供商 Classic（仅限 11）。Next.js Amplify Hosting 计算不支持使用 Next.js版本 11 或更早版本创建的应用程序。我们强烈建议您将您的 Next.js 11 个应用程序迁移到 Amplify Hosting 计算托管 SSR 提供商。

以下列表描述了 Amplify Hosting 计算 SSR 提供商支持的具体功能。

支持的功能

  • Server-side 已渲染的页面 (SSR)

  • 静态页面

  • API 路由

  • 动态路由

  • 捕获所有路由

  • 静态生成 (SSG)

  • 增量静态再生成 (ISR)

  • 国际化 (i18n) 子路径路由

  • 国际化 (i18n) 域名路由

  • 国际化 (i18n) 自动区域检测

  • 中间件

  • 环境变量

  • 图像优化

  • Next.js 13 应用程序目录

不支持的功能

  • 边缘 API 路由（不支持边缘中间件）

  • On-Demand增量静态再生 (ISR)

  • Next.js 直播

  • 基于静态资产和经优化的图像运行中间件

  • 使用响应后执行代码unstable_after（实验性功能已在 Next.js 15 中发布）

Next.js 图片

最大图像输出大小不能超过 4.3 MB。您可以将较大的图像文件存储在某个地方，然后使用 Next.js 图像组件调整其大小并将其优化为 Webp 或 AVIF 格式，然后将其用作较小的尺寸。

请注意，该 Next.js 文档建议您安装夏普图像处理模块，以使图像优化能够在生产环境中正常运行。但是，Amplify 部署不需要如此。Amplify 会自动为您部署 Sharp。