如何在Vercel的Next JS中为静态站点（比如Webflow或登录页生成器）提供服务？

Question

我们在Webflow中创建了一个着陆页并导出了代码。我们现在有一个超文本标记语言，CSS，JS和图像从这个导出。

我们的应用程序是用Next JS构建的，托管在Vercel上。我想通过一些特定的途径，比如/，/pricing，/about，为上面的静态网站提供服务，并在其他网站上提供我们自己的应用程序。

我们已经研究了Next JS上的定制服务器，但它与Vercel不兼容。还研究了重写，但它的优先级比静态页面低，所以不起作用。

我们以前有一个节点应用程序，可以直接将某些路由指向静态HTML，其他路由指向我们的React应用程序。不知道在下一个JS中如何做到这一点。我希望在Next JS上有一个类似的设置，但在搜索了很多次之后，我似乎还没弄明白。

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

Answer 1

找到了重写的方法。

从Webflow或任何其他着陆页生成器导出着陆页。把它放在Next JS项目的/Public文件夹中。将着陆页的index.html重命名为landing.html。重命名页面/index.js。

下一个JS中选择显示内容的执行顺序是：

1. 公共文件夹中的文件
2. 文件在页面/
3. 重写

所以我们删除了index.html和公共/index.js，以便我们的重写可以处理它。

将以下重写添加到下一步。配置。js

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