elderjs

Elder.js é um gerador de sites estáticos e uma estrutura da web opinativa construída com o SEO em mente. (Suporta SSR e geração de site estático.)

• Documentos completos
• Modelo
• Plug-ins

Características:

• Os ganchos de construção permitem que você se conecte a qualquer parte de todo o processo de geração de página e personalize conforme necessário.
• Um processo de construção altamente otimizado: que abrangerá tantos núcleos de CPU quanto você puder para tornar a construção do seu site o mais rápido possível. Para referência, o Elder.js gera facilmente um site de 18.000 páginas com uso intensivo de dados em 8 minutos usando uma VM econômica de 4 núcleos.
• Svelte Everywhere: Use Svelte para seus modelos SSR e com hidratação parcial no cliente para pequenos tamanhos de html/bundle.
• Fluxo de dados direto: simplesmente associando uma função data em seu route.js , você tem controle total sobre como busca, prepara e manipula os dados antes de enviá-los para seu modelo Svelte. Qualquer coisa que você possa fazer no Node.js, você pode fazer para buscar seus dados. Várias fontes de dados, sem problemas.
• Plug-ins da comunidade: estenda facilmente o que seu site Elder.js pode fazer adicionando plug-ins pré-construídos ao seu site.
• Códigos de acesso: prepare seu conteúdo para o futuro, seja ele em um CMS ou em arquivos estáticos usando espaços reservados inteligentes. Esses códigos de acesso podem ser assíncronos!
• 0 KB JS : O padrão é 0 KB de JS se sua página não precisar de JS.
• Hidratação parcial : ao contrário da maioria das estruturas, o Elder.js permite hidratar apenas as partes do cliente que precisam ser interativas, permitindo reduzir drasticamente suas cargas úteis e ainda ter controle total sobre o carregamento lento, pré-carregamento e carregamento rápido do componente.

Contexto

Elder.js é o resultado do trabalho de nossa equipe para construir este site (ElderGuide.com) e foi criado especificamente para resolver os desafios únicos de construir sites SEO emblemáticos com mais de 10 a 100 mil páginas.

O cofundador do Elder Guide, Nick Reese, construiu ou gerenciou 5 grandes propriedades de SEO nos últimos 14 anos. Depois de liderar a transição de vários sites complexos para geradores de sites estáticos, ele adorou os benefícios da pilha JAM, mas desejou que houvesse uma solução melhor para projetos complexos e com uso intenso de dados. Elder.js é sua visão de como os geradores de sites estáticos podem se tornar viáveis ​​para sites de todos os tamanhos, independentemente do número de páginas ou da complexidade dos dados apresentados.

Esperamos que este projeto seja útil, quer você esteja construindo um pequeno blog pessoal ou um site SEO emblemático que impacta milhões de usuários.

Status do Projeto: Estável

Elder.js está estável e pronto para produção.

Ele está sendo usado no ElderGuide.com e em 2 outras principais propriedades de SEO gerenciadas pelos mantenedores deste projeto.

Acreditamos que o Elder.js atingiu um nível de maturidade em que alcançamos a maior parte da visão que tínhamos para o projeto quando decidimos construir um gerador de site estático.

Nosso objetivo é manter o hookInterface, a interface do plugin e a estrutura geral do projeto o mais estática possível.

São muitas palavras para dizer que não pretendemos lançar um monte de mudanças importantes tão cedo, mas enviaremos correções de bugs e mudanças incrementais que estão em sua maioria “ocultas”.

A equipe ElderGuide.com espera manter este projeto até 2023-2024. Para uma visão mais clara do que queremos dizer com isso e o que esperar da equipe Elder.js no que diz respeito ao que é considerado "dentro do escopo" e o que não é, consulte este comentário.

Começando:

A maneira mais rápida de começar é começar com o modelo Elder.js usando degit:

npx degit Elderjs/template elderjs-app

cd elderjs-app

npm install # or "yarn"

npm start

open http://localhost:3000

Isso gera um servidor de desenvolvimento, então simplesmente edite um arquivo em src , salve-o e recarregue a página para ver suas alterações.

Aqui está uma demonstração do modelo: https://elderjs.pages.dev/

Para construir/servir HTML localmente:

npm run build

Deixe a construção terminar.

npx sirv-cli public

Documentação completa aqui: https://elderguide.com/tech/elderjs/