Silex Визуальный конструктор сайтов для тех, кто ценит контроль

Знакомо ли вам чувство, когда нужно быстро сверстать лендинг, но возиться с кодом совсем не хочется? Или когда клиент просит «просто поправить пару элементов», а вы понимаете, что это повлечёт за собой переделку половины стилей? Silex предлагает элегантное решение — визуальный редактор, который не ограничивает ваши возможности как разработчика.

Что такое Silex?

Silex — это open-source конструктор сайтов с 10-летней историей, который позволяет:

Создавать сайты без написания кода через интуитивный интерфейс
При необходимости редактировать HTML, CSS и JavaScript встроенными редакторами
Работать как онлайн, так и офлайн
Интегрироваться с JAMStack-проектами

Интерфейс Silex

Проект активно развивается сообществом и используется фрилансерами, веб-студиями для реальных коммерческих проектов.

Ключевые возможности

1. Гибкость работы с кодом

В отличие от многих no-code решений, Silex не загоняет в рамки:

Визуальный редактор на базе GrapesJS
Встроенные редакторы HTML, CSS, JavaScript
Поддержка TypeScript для разработчиков

2. Публикация без ограничений

Генерация чистого статического HTML
Возможность self-hosting (Docker, CapRover, Yunohost)
Интеграция с Dropbox и FTP (в версии 2.x)

3. Расширяемость

Плагинная архитектура (примеры плагинов в репозитории)
Поддержка работы с GraphQL API
Интеграция с headless CMS

4. Для профессионального использования

Встроенные SEO-инструменты
Библиотека шаблонов (бесплатных и платных)
Поддержка работы с sitemap.xml

Технические особенности

Silex представляет собой целую экосистему проектов, собранных в meta-репозитории с использованием:

Yarn Workspaces / npm workspaces
Git submodules
Node.js для серверной части

Размер кодовой базы впечатляет:

JavaScript: 63,147 строк
TypeScript: 25,738 строк

Как начать использовать?

Для локального запуска (требуется минимум 2 CPU и 4GB RAM):

git clone git@github.com:silexlabs/Silex.git --recurse-submodules -j8
cd Silex
nvm install
npm install
npm start

После этого редактор будет доступен по адресу http://localhost:6805.

Кому особенно пригодится?

Фрилансерам — можно быстро делать сайты для клиентов без глубокого погружения в код
Веб-студиям — удобный инструмент для прототипирования и создания несложных проектов
Fullstack-разработчикам — экономия времени на рутинной вёрстке
Преподавателям — отличный способ обучать веб-разработке

Silex — это редкий пример баланса между простотой no-code и гибкостью ручного программирования. Если вам нужно быстро создать сайт, но при этом хочется сохранить контроль над кодом, этот инструмент определённо заслуживает внимания.

Попробуйте онлайн-версию или установите локально — возможно, это именно тот инструмент, которого вам не хватало.