elderjs

Elder.js es un generador de sitios estáticos y un marco web obstinados creados teniendo en cuenta el SEO. (Admite SSR y generación de sitios estáticos).

• Documentos completos
• Plantilla
• Complementos

Características:

• Los enlaces de compilación le permiten conectarse a cualquier parte del proceso completo de generación de páginas y personalizarlos según sea necesario.
• Un proceso de construcción altamente optimizado: que abarcará tantos núcleos de CPU como pueda para que la construcción de su sitio sea lo más rápida posible. Como referencia, Elder.js genera fácilmente un sitio de 18.000 páginas con uso intensivo de datos en 8 minutos utilizando una máquina virtual económica de 4 núcleos.
• Svelte Everywhere: utilice Svelte para sus plantillas SSR y con hidratación parcial en el cliente para tamaños de paquete/html pequeños.
• Flujo de datos sencillo: simplemente asociando una función data en su route.js , tiene control total sobre cómo obtiene, prepara y manipula los datos antes de enviarlos a su plantilla Svelte. Todo lo que pueda hacer en Node.js, puede hacerlo para recuperar sus datos. Múltiples fuentes de datos, no hay problema.
• Complementos comunitarios: amplíe fácilmente lo que su sitio Elder.js puede hacer agregando complementos prediseñados a su sitio.
• Códigos cortos: prepare su contenido para el futuro, ya sea que se encuentre en un CMS o en archivos estáticos utilizando marcadores de posición inteligentes. ¡Estos códigos cortos pueden ser asíncronos!
• 0KB JS : el valor predeterminado es 0 KB de JS si su página no necesita JS.
• Hidratación parcial : a diferencia de la mayoría de los marcos, Elder.js le permite hidratar solo las partes del cliente que necesitan ser interactivas, lo que le permite reducir drásticamente sus cargas útiles y al mismo tiempo tener control total sobre la carga diferida, la precarga y la carga ansiosa de los componentes.

Contexto

Elder.js es el resultado del trabajo de nuestro equipo para construir este sitio (ElderGuide.com) y fue creado específicamente para resolver los desafíos únicos de crear sitios SEO emblemáticos con entre 10 y 100 mil páginas.

El cofundador de Elder Guide, Nick Reese, ha creado o administrado cinco propiedades importantes de SEO durante los últimos 14 años. Después de liderar la transición de varios sitios complejos a generadores de sitios estáticos, le encantaron los beneficios de la pila JAM, pero deseaba que hubiera una mejor solución para proyectos complejos con uso intensivo de datos. Elder.js es su visión de cómo los generadores de sitios estáticos pueden volverse viables para sitios de todos los tamaños, independientemente del número de páginas o de la complejidad de los datos que se presentan.

Esperamos que este proyecto le resulte útil, ya sea que esté creando un pequeño blog personal o un sitio insignia de SEO que afecte a millones de usuarios.

Estado del proyecto: estable

Elder.js es estable y está listo para producción.

Se está utilizando en ElderGuide.com y otras dos propiedades emblemáticas de SEO administradas por los mantenedores de este proyecto.

Creemos que Elder.js ha alcanzado un nivel de madurez en el que hemos logrado la mayor parte de la visión que teníamos para el proyecto cuando nos propusimos construir un generador de sitios estáticos.

Nuestro objetivo es mantener la interfaz de gancho, la interfaz del complemento y la estructura general del proyecto lo más estáticas posible.

Son muchas palabras para decir que no estamos buscando lanzar un montón de cambios importantes en el corto plazo, pero sí enviaremos correcciones de errores y cambios incrementales que en su mayoría están "bajo el capó".

El equipo de ElderGuide.com espera mantener este proyecto hasta 2023-2024. Para obtener una visión más clara de lo que queremos decir con esto y qué esperar del equipo de Elder.js en cuanto a lo que se considera "dentro del alcance" y lo que no, consulte este comentario.

Empezando:

La forma más rápida de comenzar es comenzar con la plantilla Elder.js usando degit:

npx degit Elderjs/template elderjs-app

cd elderjs-app

npm install # or "yarn"

npm start

open http://localhost:3000

Esto genera un servidor de desarrollo, así que simplemente edite un archivo en src , guárdelo y vuelva a cargar la página para ver los cambios.

Aquí hay una demostración de la plantilla: https://elderjs.pages.dev/

Para crear/servir HTML localmente:

npm run build

Deja que la construcción termine.

npx sirv-cli public

Documentación completa aquí: https://elderguide.com/tech/elderjs/