如何（过度）设计一个简单的静态网站

就在一年多前，我的任务是为我学院的一个研发小组开发一个新网站。他们的旧网站是建立在 jQuery 模板之上的，通常很难维护。到目前为止，我已经构建了大约一年的用户界面，我认为我有能力设计一个更好的网站……我错了！

XKCD 974：一般问题

我之前参与过的项目都使用了 React.js，有些使用了 Next.js，有些没有使用 Next.js。正如他们所说，“如果你只有一把锤子，那么一切看起来都像钉子。”所以我选择了这些技术来构建一个简单的静态网站。

事后看来，从一开始就很明显这不会有好结果。实际上，如果您想使用数据驱动的内容构建高度交互的动态用户界面，React.js 有点棒。 Next.js 是一个很好的配套框架，它提供服务器端渲染、路由并帮助优化性能（以及许多其他功能）。然而，我构建的网站是静态的，这意味着它不会从大多数功能中受益。当然，它可以使用 React.js 和 Next.js 构建——而且确实如此——但是成本是多少？

上述工具相当复杂。要使用它们构建网站，您需要了解它们的来龙去脉。你不能只编写标记和样式就结束了，因为它们需要编写在 React 的功能组件和钩子范例中，遵循基于组件的架构并通过 props 和上下文处理数据流......这就是全部您将编写更多行代码。

当然，这本身并不是问题。仅靠标记和样式可能无法满足项目的要求，并且您可能会浪费时间重新发明轮子编写自己的 JavaScript 代码，而不是使用现成的解决方案。但如果可以在不增加复杂性的情况下满足要求，那么这样做是明智的。否则，您将过度设计并最终得到一个比应有的更难（且成本更高）维护的项目。

这就是我们网站的完整循环。旧的因为难以维护而不得不更换。由于一位能力有限的年轻软件工程师的才华，新公司现在发现自己处于同样的境地——实际上，更糟糕？我想我们现在需要一个新的网站！我计划扔掉当前的代码库，并使用除 HTML 和 CSS 之外的尽可能少的内容来重建它。也许我会考虑静态网站生成器。

以上是如何（过度）设计一个简单的静态网站的详细内容。更多信息请关注PHP中文网其他相关文章！