elderjs

Elder.js 是一个固执己见的静态站点生成器和 Web 框架，构建时考虑了 SEO。 （支持SSR和静态站点生成。）

• 完整文档
• 模板
• 插件

特征：

• 构建挂钩允许您插入整个页面生成过程的任何部分并根据需要进行自定义。
• 高度优化的构建过程：它将跨越您可以投入的尽可能多的 CPU 核心，以尽可能快地构建您的网站。作为参考，Elder.js 使用预算 4 核 VM 在 8 分钟内轻松生成数据密集型 18,000 个页面网站。
• Svelte 无处不在：将 Svelte 用于您的 SSR 模板，并在客户端上部分水合以实现微小的 html/bundle 大小。
• 简单的数据流：通过简单地在route.js中关联data函数，您可以完全控制在将数据发送到 Svelte 模板之前如何获取、准备和操作数据。您可以在 Node.js 中执行的任何操作来获取数据。多个数据源，没问题。
• 社区插件：通过向您的网站添加预构建的插件，轻松扩展 Elder.js 网站的功能。
• 短代码：让您的内容面向未来，无论它位于 CMS 中还是使用智能占位符的静态文件中。这些短代码可以是异步的！
• 0KB JS ：如果您的页面不需要 JS，则默认为 0KB JS。
• 部分水合：与大多数框架不同，Elder.js 允许您仅水合客户端中需要交互的部分，从而使您能够显着减少负载，同时仍然可以完全控制组件的延迟加载、预加载和急切加载。

语境

Elder.js 是我们团队构建此网站 (ElderGuide.com) 的成果，旨在解决构建具有 10-100k+ 页面的旗舰 SEO 网站的独特挑战。

Elder Guide 联合创始人 Nick Reese 在过去 14 年中建立或管理了 5 个主要 SEO 资产。在领导了几个复杂站点向静态站点生成器的过渡后，他喜欢 JAM 堆栈的优势，但希望有一个更好的解决方案来处理复杂的数据密集型项目。 Elder.js 是他的愿景，即静态网站生成器如何适用于各种规模的网站，无论页面数量或呈现的数据有多复杂。

我们希望您发现这个项目很有用，无论您是要构建小型个人博客还是影响数百万用户的旗舰 SEO 网站。

项目状态：稳定

Elder.js 很稳定并且可以投入生产。

它被用在 ElderGuide.com 和其他 2 个由该项目维护者管理的旗舰 SEO 属性上。

我们相信 Elder.js 已经达到了成熟的水平，当我们开始构建静态站点生成器时，我们已经实现了该项目的大部分愿景。

我们的目标是保持项目的 hookInterface、插件接口和总体结构尽可能静态。

说了这么多，我们不打算很快发布大量重大更改，但会发布错误修复和增量更改，这些更改大多是“幕后”的。

ElderGuide.com 团队预计将该项目维持到 2023-2024 年。为了更清楚地了解我们的意思以及对 Elder.js 团队的期望，什么被认为是“在范围内”，什么不是，请参阅此评论。

入门：

最快的入门方法是使用 degit 开始使用 Elder.js 模板：

npx degit Elderjs/template elderjs-app

cd elderjs-app

npm install # or "yarn"

npm start

open http://localhost:3000

这会生成一个开发服务器，因此只需在src中编辑一个文件，保存它，然后重新加载页面即可查看您的更改。

这是模板的演示：https://elderjs.pages.dev/

在本地构建/提供 HTML：

npm run build

让构建完成。

npx sirv-cli public

完整文档在这里：https://elderguide.com/tech/elderjs/