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/