如何在 Vercel 上的 Next JS 中提供静态站点（例如来自 Webflow 或登陆页面生成器）？

我们在 Webflow 中创建了一个登陆页面，导出代码 https://university.webflow.com/lesson/code-export。现在我们已经导出了 HTML、CSS、JS 和图像。

我们的应用程序是使用 Next JS 构建并托管在 Vercel 上。我想从某些路线提供上面的静态站点，例如/, /pricing, /about等等以及我们自己的应用程序。

我们看过定制服务器 https://nextjs.org/docs/advanced-features/custom-server在 Next JS 上，但与 Vercel 不兼容。还调查了Rewrites https://nextjs.org/docs/api-reference/next.config.js/rewrites但它的优先级比静态页面低，所以不起作用。

我们曾经有一个 Node 应用程序，只能引导某些路由来提供静态 HTML，而其他路由则指向我们的 React 应用程序。不知道如何在 Next JS 中执行此操作。我希望 Next JS 有类似的设置，但经过大量搜索后似乎无法弄清楚。

在 Next JS 应用程序的根目录和某些其他路径中托管静态 Webflow 站点的最佳方式是什么？

弄清楚如何做到这一点Rewrites https://nextjs.org/docs/api-reference/next.config.js/rewrites.

从 Webflow 或任何其他着陆页构建器导出您的着陆页。将其放入/publicNext JS 项目的文件夹。重命名index.html将您的目标网页更改为其他内容，例如landing.html。改名pages/index.js.

Next JS 选择显示内容的执行顺序是：

1. 公共文件夹中的文件
2. File in pages/
3. Rewrites

所以我们删除了index.html and public/index.js这样我们的重写就可以处理它。

将以下重写添加到您的next.config.js

      {
        source: "/",
        destination: "/landing.html"
      }