再见 Webflow，你好，我们闪亮的新网站
“够了！我再也不用Webflow了！它简直就是一场噩梦。我们要迁移到无头CMS，而且现在就迁移。不能再浪费时间了！”……大约两个月前，在我们办公室里，大家（又一次）讨论是否要将公司网站迁移到无头CMS之后，很容易就能听到这样的话。
实际上，讨论过程远比这里描述的要长得多，也枯燥得多。但可以肯定的是，过去几个月里，我们一直在努力改进网站，因为我们对 Webflow 越来越不满意，现在我们终于上线了！所以，在经历了这段艰辛的历程后，我们决定与大家分享这段经历的心得体会。
简要回顾一下我们尝试过的方法以及为什么是时候继续前进了。
正如标题所示，我们当然使用了 Webflow，但也尝试过 WordPress，以及使用 React 硬编码构建网站，并考虑过其他一些方案。然而，这些方案在某些方面都存在局限性，无法满足我们的需求。
硬编码网站
- 设置耗时太长。
- 内容难以编辑。
- 不能将编辑工作外包给非技术团队。
Webflow
- 受限于所选主题。
- 它比预期需要更多的技术知识——编辑内容时，你很容易在一个页面上更改某些内容，从而改变布局，或者影响其他页面上的其他设计元素。这至少部分是我们使用的主题的问题，但 Webflow 也无济于事。
- 在线预览存在一些问题。
- 本地化功能直到最近才被内置到系统中。
- 定制化非常困难，很多事情都超出了我们的控制范围（性能、细粒度 SEO、延迟加载等）。
WordPress
- 表现不佳。
- 无头版本中的本地化问题。
- 总之：如果你把 WordPress 当作模板来用，它运行良好；但作为无头 CMS，它大多时候都很糟糕，因为 API 支持很差。
我们也考虑过 Squarespace、Wix 和 Framer，虽然它们都可以用作无头 CMS，但功能也相当有限。因此，我们决定寻找一个合适的无头 CMS，这样我们就可以使用 Next.js（我们非常喜欢的框架）进行前端开发，打造一个完全定制的网站，同时还能拥有一个内容管理系统，方便我们轻松输入和编辑内容。
我们正在寻找：
根据我们的经验，我们决定采用一款合适的无头CMS来管理基于Next.js的落地页内容，以实现完全自定义和无缝集成。其他要求还包括：支持自定义版块或组件（模拟原始网站构建器）、支持富文本编辑器、用户友好的管理界面、SEO支持、多用户支持、媒体托管以及便捷的备份和恢复功能。
为了选择最适合我们的解决方案，我们进行了相当广泛的研究。由于内容足够写一篇完整的博客文章，我们决定将其发布在这里：
解决方案
最终，我们（web）选择了 Payload，因为它与我们选择的 Web 开发技术 Next.js 完美集成。
这种方法使我们能够：
- 对性能拥有绝对控制权。
- 尝试在比其他解决方案更低的层面上进行 SEO 和分析。
- 为内容编辑们提供良好的体验。
- 打造一个包含精美动画和彩蛋的定制网站。
- 一路使用我们最喜欢的库和工具（Framer Motion、Tailwind CSS、shadcn/ui 等 - 请查看我们在 GitHub 上的 Next.js 模板）。
结果不言自明。
桌面性能
移动性能
目前为止，我们都很满意，但我们更喜欢的是由我们才华横溢的开发团队打造的全新网站。快来看看吧！
这里还有一些前后对比照片，您可以自行比较改进效果：
之前的着陆页：
之后的着陆页：
关于我们页面之前：
“关于我们”页面之后：
之前的开发流程可视化：
开发过程可视化如下：
服务页面之前：
服务页面之后：
联系表格（之前）：
联系表格（填写后）：
