azure - 将 NextJs SSR 部署到 Azure 静态 Web 应用

Question

是否可以将 NextJs SSR 部署到 Azure 静态 Web 应用？

在 Microsoft 文档中他们说

In the Build Details section, select Custom from the Build Presets.

https://learn.microsoft.com/en-us/azure/static-web-apps/deploy-nextjs

但我在构建预设中看到有 NextJs Build Presets Image

这是支持所有 NextJs 功能(包括 SSR)的新功能吗？

在 Azure/static-web-apps 存储库中，我发现了 2022 年 3 月 8 日的一条评论，内容如下:

As of today, Static Web Apps only supports static rendering of Next.js Apps. However, the team is currently working on supporting framework-specific Server-side rendering for Next.js and you should be seeing a public preview of the same soon.

https://github.com/Azure/static-web-apps/issues/749#issuecomment-1061993049

我使用 NextJs 创建了 Azure 静态 Web 应用程序，预设为输出位置:“.next”因为当运行“npm run build”时，输出文件夹是“.next”

但是 GitHub Hook 因此错误而失败

Failed to find a default file in the app artifacts folder (.next). Valid default files: index.html,Index.html.If your application contains purely static content, please verify that the variable 'app_location' in your workflow file points to the root of your application.If your application requires build steps, please validate that a default file exists in the build output directory.

在 Azure 静态 Web 应用中部署 NextJs 的唯一方法是将 package.json 中的构建命令更改为

“构建”:“下一个构建&&下一个导出”，

对于输出位置类型“out”，它是SSG，但不是SSR。

Answer 1

我也在尝试做同样的事情。看起来静态 Web 应用程序尚不支持 SSR，但它们可能很快就会添加支持，您将在此处看到 https://github.com/Azure/static-web-apps/issues/749

顺便说一句，我使用相同的命令将静态内容部署到 Azure SWA。