Файлы показывают, кому принадлежат данные
Контент секции остаётся рядом с секцией. Общий DATA используется только для действительно общих значений.
Микрофреймворк для разработчиков, которым важен контроль
Собирайте многоязычные страницы так, как думаете: компонент, данные, шаблон.
BlendHTML оставляет стек маленьким и понятным: Twig-шаблоны, рекурсивно объединяемые JSON-данные, локали и переиспользуемые секции без тяжёлого слоя фреймворка.
- Структура
- На файлах
- Локали
- et · en · ru
- Фокус
- Быстрый HTML
Практическая ценность
Небольшой фреймворк, который не прячет от вас ваш код.
BlendHTML хорошо подходит для лендингов, документации, промо-страниц и простых веб-проектов, где скорость и понятное владение данными важнее слоя абстракций.
Локализация встроена в процесс
У каждого компонента есть базовые данные и файлы локалей, которые фреймворк объединяет для активного языка.
HTML быстро попадает в браузер
Twig-рендеринг, Tailwind-утилиты и небольшой набор vendor-ресурсов дают страницу без тяжёлых клиентских зависимостей.
Переиспользование остаётся простым
Добавление компонента выглядит как понятный вызов в шаблоне, а не как новое архитектурное решение.
Рабочий процесс
Меньше связующего кода. Больше видимости проекта.
Процесс BlendHTML намеренно прямой: страница собирает секции, секция рендерит шаблон, а данные берутся из места, которому они принадлежат.
01
Соберите страницу из секций
Index-файл остаётся картой страницы. Он показывает, из каких блоков состоит опыт.
02
Держите тексты в файлах локалей
Языки не добавляются в конце. Каждый поддерживаемый язык получает собственный естественный контент.
03
Подключайте vendor-ресурсы только по делу
Reveal, parallax и smooth scroll добавляются явно и только тогда, когда помогают пользовательскому опыту.
В итоге получается дерево файлов, понятное разработчику.
Не нужно угадывать, откуда пришёл заголовок или CTA. Откройте секцию — её шаблон и данные находятся рядом.
Попробуйте фреймворк
Откройте демо, изучите структуру и соберите первую страницу в тот же день.
Ценность BlendHTML лучше всего видна на реальных страницах: многоязычный контент, понятное дерево компонентов и достаточно маленькая поверхность, чтобы быстро разобраться в проекте.
Посмотрите, как собирается страница
Демо показывает, как вместе работают секции, данные и vendor-компоненты.
Перенесите паттерны в свой проект
Структура подходит для документации, агентских сайтов и кампаний, созданных с помощью ИИ.
Публикуйте без тяжёлого слоя
На выходе получается серверный HTML только с теми вспомогательными ресурсами, которые вы выбрали.