CLI / FRONTEND STARTER
Fe Starter Bricks
Генератор проектов для многостраничных сайтов, CMS-тем, Symfony-шаблонов и email-вёрстки. Выбор технологий и готовая сборка через командную строку.
Исходный код на GitHub
01 / CONTEXT
Быстрый старт для шаблонной вёрстки
Новый проект требует настройки шаблонов, стилей, скриптов и обработки ассетов. Fe Starter Bricks собирает основу из общего базового шаблона и выбранных технологических слоёв. Такой подход подходит для статических сайтов и интеграции frontend-вёрстки в CMS или Symfony.
02 / WORKFLOW
От команды до локального сервера
- Запустить генератор. Команда npm create starter-bricks@latest запускает интерактивную настройку.
- Выбрать основу. Указать имя папки, выбрать Pug, Nunjucks или Twig, включить TypeScript или оставить JavaScript и при необходимости добавить MJML-письма.
- Запустить разработку. Перейти в созданную папку, выполнить npm install и npm start. BrowserSync обслуживает локальный сайт и обновляет страницу при изменениях.
- Собрать результат. npm run build запускает production-сборку шаблонов, стилей, скриптов и ассетов.
03 / ENGINEERING
Общая база и независимые слои
Составной шаблон
CLI копирует базовую структуру, добавляет выбранный движок шаблонов, слой JavaScript или TypeScript и опциональные email-шаблоны. Настройки записываются в user.config.js, имя проекта — в package.json.
Gulp и Webpack
Gulp отвечает за шаблоны, копирование файлов и обработку изображений. Webpack собирает скрипты и стили; SCSS и PostCSS дополняются поддержкой Tailwind CSS.
Ассеты и письма
В шаблоне предусмотрены оптимизация изображений, SVG- и PNG-спрайты и сборка MJML-писем. Возможности включаются через конфигурацию проекта.
Проверка ввода
Генератор проверяет имя папки, запрещает пути и зарезервированные имена Windows и не записывает проект в непустую папку.
