如何解决您如何在 Vercel 上的 Next JS 中提供静态站点例如来自 Webflow 或登录页面生成器?
我们在 Webflow 和 exported the code 中创建了一个登录页面。我们现在有了这个导出的 HTML、CSS、JS 和图像。
我们的应用使用 Next JS 构建并托管在 Vercel 上。我想从某些路由(如 /
、/pricing
、/about
等)以及我们自己的应用程序为其他路由提供服务。
我们在 Next JS 上查看了 custom server,但它与 Vercel 不兼容。还查看了 Rewrites,但它的优先级低于静态页面,因此不起作用。
我们曾经有一个 Node 应用程序,可以直接引导某些路由来提供静态 HTML,而其他路由则指向我们的 React 应用程序。不确定如何在 Next JS 中执行此操作。我希望对 Next JS 进行类似的设置,但经过大量搜索后似乎无法弄清楚。
在 Next JS 应用程序的根和某些其他路径上托管我们的静态 Webflow 站点的最佳方法是什么?
解决方法
想出了如何使用 Rewrites 做到这一点。
从 Webflow 或任何其他着陆页构建器导出您的着陆页。将其放在 Next JS 项目的 USING
文件夹中。将着陆页的 /public
重命名为其他名称,例如 index.html
。重命名 landing.html
。
Next JS中选择显示内容的执行顺序是:
- 公共文件夹中的文件
-
pages/index.js
中的文件 - 重写
因此我们删除了 pages/
和 index.html
,以便我们的重写可以处理它。
将以下重写添加到您的 public/index.js
next.config.js
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。