ProlektSiteBuilder - Конструктор сайтов на MODX
Прошло почти 3 года от момента публикации описания идеи до публикации компонента. Мы несколько раз откладывали работу над ним, но все равно собрались и реализовали задуманное. Чем и хотим поделиться с вами.
Предыстория тут: https://modx.pro/sites/20582
Компонент тут: https://modstore.pro/packages/sites-themes/prolektsitebuilder
Задача
Основная задача компонента — ускорить процесс разработки ключевых этапов от создания прототипа до настройки и наполнения. Благодаря нашему инструменту можно сократить время разработки сайта практически до 70%. Здесь, конечно, все относительно, так как у всех разработчиков выработан собственный процесс.
За счет чего сокращается время разработки
В среднем, процесс разработки выглядит примерно так у всех:
- Прототип
- Дизайн
- Верстка
- Интеграция
- Настройка и наполнение
- Тестирование
- Запуск
Prolekt содержит в себе библиотеку вайрфреймов. Мы собрали самые популярные паттерны, нарисовали их в нескольких вариациях и группировали по смыслу: menu, cover, cart, product-preview, review, category и т.д. То есть, библиотека содержит в себе вариации популярных блоков и элементов для создания сайта. Посмотреть библиотеку можно в Figma
Для создания прототипа, необходимо выбрать подходящие вайрфреймы, скопировать и перенести на свой прототип. Вайрфреймы содержат в себе необходимые элементы, учтены коммерческие факторы и рекомендации от seo-специалистов. На этапе прототипирования вы получаете детализированные блоки, контент в которых, редактируете под собственную нишу.
Начиная с прототипа, можно собрать сайт опираясь на уже заранее заготовленные блоки в figma немного меняя в них контент или убирая лишние элементы.
Все вайрфреймы из figma мы сверстали (bootstrap) и подключили к MODX. После сборки шаблонов, управление контентом в блоках осуществляется через административную панель сайта.
Прототип из детально проработанных вайрфреймов передаем дизайнеру, чтобы он проработал общую концепцию сайта. Когда дизайнер отрисовал макет, а клиент его согласовал, мы убеждаемся, что макет сильно не изменился и собираем сайт с этими же элементами.
Чтобы максимально ускорить процесс разработки, сборка сайта может быть запущена одновременно с передачей прототипов в дизайн. А после того, как дизайн будет готов скорректировать верстку в соответствии с дизайн-макетом.
В итоге мы получаем заготовку сайта, у которой:
- Сверстан каркас верстки на bootstrap;
- Стили в SASS. Автоматически собираются, если авторизован в админке, через компонент SASS;
- Отдельные стилевые переменные, для удобной быстрой настройки внешнего вида;
- Все основные настройки сайта вынесены в ClientConfig: почта, телефон, адрес, соцсети, пункты меню, и многое другое;
- Создаются Robots.txt и sitemap.xml;
- Устанавливает все базовые компоненты необходимые для работы, в зависимости от выбранной конфигурации;
- Устанавливает базовые системные настройки. Например, дружественные url, транслитерация, fenom;
- Создает шаблоны выбранные в компоненте;
- Создает ресурсы к этим шаблонам;
- Создает нужные чанки в админке, подключая их как статические элементы, файлово;
- Настроенные формы, с антиспамом и уникальными id писем.
Сейчас мы выпустили версию для тестирования и со временем компонент станет платным, но для тех, кто будет оставлять свои отзывы со ссылками на свои сборки мы оставим бесплатный доступ еще на 50 сайтов.
Комментарии: 24
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
я так понимаю он больше не доступен? хотелось бы протестировать
по прежнему нет
возможно есть гитхаб?
но как только пытаюсь в него войти — 504 Gateway Time-out
Думаю, автор имеет в виду, что если человек захочет идти от обратного — сначала функционал, а потом дизайн, то может попробовать этот пакет.
MODX ставил несколько раз, права после установки в файловом менеджере корректировал, allow_url_fopen ON, в менеджере пакетов пробовал https и http, ничего не помогло. Не понял, где я ошибся)
Из того, на что обратил внимание — когда ставишь компонент с modstore — создаешь подключение к репозиторию, когда начинаешь устанавливать пакет — создается новое подключение к репозиторию modstore
лог ошибок:
Лог процесса установки компонента:
в ответном письме при регистрации отсутствует ссылка для активации?