elderjs

Elder.js ist ein eigenständiger Generator für statische Websites und ein Web-Framework, das mit Blick auf SEO entwickelt wurde. (Unterstützt SSR und statische Site-Generierung.)

• Vollständige Dokumentation
• Vorlage
• Plugins

Merkmale:

• Mithilfe von Build-Hooks können Sie beliebige Teile des gesamten Seitenerstellungsprozesses integrieren und bei Bedarf anpassen.
• Ein hochoptimierter Build-Prozess: Er umfasst so viele CPU-Kerne wie möglich, um den Aufbau Ihrer Website so schnell wie möglich zu gestalten. Als Referenz: Elder.js generiert mit einer preisgünstigen 4-Core-VM problemlos eine datenintensive Website mit 18.000 Seiten in 8 Minuten.
• Svelte Everywhere: Verwenden Sie Svelte für Ihre SSR-Vorlagen und mit teilweiser Hydratation auf dem Client für kleine HTML-/Bundle-Größen.
• Unkomplizierter Datenfluss: Durch einfaches Zuordnen einer data in Ihrer route.js haben Sie die vollständige Kontrolle darüber, wie Sie Daten abrufen, vorbereiten und bearbeiten, bevor Sie sie an Ihre Svelte-Vorlage senden. Alles, was Sie in Node.js tun können, können Sie tun, um Ihre Daten abzurufen. Mehrere Datenquellen, kein Problem.
• Community-Plugins: Erweitern Sie ganz einfach die Möglichkeiten Ihrer Elder.js-Site, indem Sie Ihrer Site vorgefertigte Plugins hinzufügen.
• Shortcodes: Machen Sie Ihre Inhalte mit intelligenten Platzhaltern zukunftssicher, unabhängig davon, ob sie in einem CMS oder in statischen Dateien gespeichert sind. Diese Shortcodes können asynchron sein!
• 0 KB JS : Standardmäßig 0 KB JS, wenn Ihre Seite kein JS benötigt.
• Teilweise Hydratisierung : Im Gegensatz zu den meisten Frameworks können Sie mit Elder.js nur die Teile des Clients hydrieren, die interaktiv sein müssen, sodass Sie Ihre Nutzlasten drastisch reduzieren können und dennoch die volle Kontrolle über das Lazy-Loading, Preloading und Eager-Loading der Komponenten haben.

Kontext

Elder.js ist das Ergebnis der Arbeit unseres Teams beim Aufbau dieser Website (ElderGuide.com) und wurde speziell entwickelt, um die einzigartigen Herausforderungen beim Aufbau von Flaggschiff-SEO-Websites mit mehr als 10.000 bis 100.000 Seiten zu lösen.

Nick Reese, Mitbegründer von Elder Guide, hat in den letzten 14 Jahren fünf große SEO-Immobilien aufgebaut oder verwaltet. Nachdem er die Umstellung mehrerer komplexer Websites auf statische Site-Generatoren geleitet hatte, war er von den Vorteilen des JAM-Stacks begeistert, wünschte sich jedoch, dass es eine bessere Lösung für komplexe, datenintensive Projekte gäbe. Elder.js ist seine Vision, wie statische Site-Generatoren für Sites jeder Größe nutzbar werden können, unabhängig von der Anzahl der Seiten oder der Komplexität der präsentierten Daten.

Wir hoffen, dass Sie dieses Projekt nützlich finden, egal ob Sie einen kleinen persönlichen Blog oder eine Flaggschiff-SEO-Website erstellen, die Millionen von Benutzern beeinflusst.

Projektstatus: Stabil

Elder.js ist stabil und produktionsbereit.

Es wird auf ElderGuide.com und zwei weiteren Flaggschiff-SEO-Eigenschaften verwendet, die von den Betreuern dieses Projekts verwaltet werden.

Wir glauben, dass Elder.js einen Reifegrad erreicht hat, bei dem wir den Großteil der Vision erreicht haben, die wir für das Projekt hatten, als wir mit der Entwicklung eines statischen Site-Generators begannen.

Unser Ziel ist es, die Hook-Schnittstelle, die Plugin-Schnittstelle und die allgemeine Struktur des Projekts so statisch wie möglich zu halten.

Das sind viele Worte, um zu sagen, dass wir nicht beabsichtigen, in absehbarer Zeit eine Reihe bahnbrechender Änderungen zu veröffentlichen, sondern Fehlerbehebungen und inkrementelle Änderungen, die sich größtenteils „unter der Haube“ befinden.

Das Team von ElderGuide.com geht davon aus, dieses Projekt bis 2023–2024 fortzuführen. Für eine klarere Vorstellung davon, was wir damit meinen und was Sie vom Elder.js-Team erwarten können, was als „im Umfang“ gilt und was nicht, lesen Sie bitte diesen Kommentar.

Erste Schritte:

Der schnellste Weg, um loszulegen, besteht darin, mit degit mit der Elder.js-Vorlage zu beginnen:

npx degit Elderjs/template elderjs-app

cd elderjs-app

npm install # or "yarn"

npm start

open http://localhost:3000

Dadurch wird ein Entwicklungsserver erstellt. Bearbeiten Sie also einfach eine Datei in src , speichern Sie sie und laden Sie die Seite neu, um Ihre Änderungen anzuzeigen.

Hier ist eine Demo der Vorlage: https://elderjs.pages.dev/

So erstellen/bereitstellen Sie HTML lokal:

npm run build

Lassen Sie den Bau abschließen.

npx sirv-cli public

Vollständige Dokumentation hier: https://elderguide.com/tech/elderjs/