elderjs

Elder.js — это мощный генератор статических сайтов и веб-фреймворк, созданный с учетом SEO. (Поддерживает SSR и создание статических сайтов.)

• Полная документация
• Шаблон
• Плагины

Функции:

• Хуки сборки позволяют подключаться к любой части всего процесса создания страницы и настраивать ее по мере необходимости.
• Высоко оптимизированный процесс сборки: он будет охватывать как можно больше ядер ЦП, чтобы сделать создание вашего сайта максимально быстрым. Для справки: Elder.js легко создает сайт на 18 000 страниц с интенсивным использованием данных за 8 минут, используя бюджетную 4-ядерную виртуальную машину.
• Svelte Everywhere: используйте Svelte для своих шаблонов SSR и с частичной гидратацией на клиенте для небольших размеров HTML/пакетов.
• Простой поток данных: просто связав функцию data в вашем route.js , вы получаете полный контроль над тем, как вы извлекаете, подготавливаете и манипулируете данными перед отправкой их в свой шаблон Svelte. Все, что вы можете сделать в Node.js, вы можете сделать для получения данных. Несколько источников данных, не проблема.
• Плагины сообщества: легко расширяйте возможности вашего сайта Elder.js, добавляя на свой сайт готовые плагины.
• Короткие коды: гарантируйте будущее вашего контента, независимо от того, находится ли он в CMS или в статических файлах, с использованием умных заполнителей. Эти короткие коды могут быть асинхронными!
• 0 КБ JS : по умолчанию используется 0 КБ JS, если ваша страница не требует JS.
• Частичная гидратация . В отличие от большинства фреймворков, Elder.js позволяет увлажнять только те части клиента, которые должны быть интерактивными, что позволяет значительно сократить полезную нагрузку, сохраняя при этом полный контроль над ленивой, предварительной и активной загрузкой компонентов.

Контекст

Elder.js является результатом работы нашей команды по созданию этого сайта (ElderGuide.com) и был специально создан для решения уникальных задач создания флагманских SEO-сайтов с более чем 10-100 тысячами страниц.

Соучредитель Elder Guide Ник Риз за последние 14 лет создал или управлял 5 крупными объектами SEO. После того, как он возглавил переход нескольких сложных сайтов на генераторы статических сайтов, ему понравились преимущества стека JAM, но ему хотелось найти лучшее решение для сложных проектов с интенсивным использованием данных. Elder.js — это его видение того, как генераторы статических сайтов могут стать пригодными для сайтов любого размера, независимо от количества страниц или сложности представляемых данных.

Мы надеемся, что этот проект окажется для вас полезным, независимо от того, создаете ли вы небольшой личный блог или флагманский SEO-сайт, который оказывает влияние на миллионы пользователей.

Статус проекта: Стабильный

Elder.js стабилен и готов к работе.

Он используется на ElderGuide.com и двух других флагманских SEO-ресурсах, которыми управляют сопровождающие этого проекта.

Мы считаем, что Elder.js достиг уровня зрелости, на котором мы реализовали большую часть видения проекта, которое у нас было, когда мы приступили к созданию генератора статических сайтов.

Наша цель — сохранить интерфейс ловушки, интерфейс плагина и общую структуру проекта как можно более статичными.

Это слишком много слов, чтобы сказать, что мы не собираемся в ближайшее время выпускать кучу критических изменений, но будем выпускать исправления ошибок и дополнительные изменения, которые в основном находятся «под капотом».

Команда ElderGuide.com рассчитывает сохранить этот проект до 2023-2024 годов. Чтобы получить более четкое представление о том, что мы под этим подразумеваем и чего ожидать от команды Elder.js в отношении того, что считается «в рамках», а что нет, прочтите этот комментарий.

Начиная:

Самый быстрый способ начать — начать работу с шаблоном Elder.js, используя degit:

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/