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 сайтов.
Техническая поддержка MODX
Сайт лежит, тормозит или остался без разработчика?
Переезд с MODX 2 на 3, PHP 7 на 8, скорость и безопасность. Поддержка со сроками и ответственностью, а не совет в чате.
Подробнее
Реклама
Комментарии: 24
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
я так понимаю он больше не доступен? хотелось бы протестировать
по прежнему нет
возможно есть гитхаб?
но как только пытаюсь в него войти — 504 Gateway Time-out
Думаю, автор имеет в виду, что если человек захочет идти от обратного — сначала функционал, а потом дизайн, то может попробовать этот пакет.
MODX ставил несколько раз, права после установки в файловом менеджере корректировал, allow_url_fopen ON, в менеджере пакетов пробовал https и http, ничего не помогло. Не понял, где я ошибся)
Из того, на что обратил внимание — когда ставишь компонент с modstore — создаешь подключение к репозиторию, когда начинаешь устанавливать пакет — создается новое подключение к репозиторию modstore
лог ошибок:
Лог процесса установки компонента:
в ответном письме при регистрации отсутствует ссылка для активации?