На чём работают сайты, созданные Vibex?

Фронтенд — React 18 с Vite и Tailwind CSS. Когда сайту нужны данные, добавляется серверная часть на Django с базой PostgreSQL и админ-панелью. Это обычный стек веб-разработки: любой разработчик откроет проект и продолжит работу.

Это шаблоны или сайт пишется заново?

Код пишется под задачу. Есть библиотека проверенных секций, которые могут использоваться как основа, но они адаптируются под палитру, содержание и структуру конкретного проекта, а не вставляются как есть.

Можно ли забрать исходный код?

Да. Проект скачивается архивом целиком — фронтенд, серверная часть, конфигурация. Его можно передать разработчику или разместить на своём хостинге.

Данные разных сайтов хранятся вместе?

Нет. У каждого проекта собственная схема в базе данных и собственные учётные данные к ней. Сборка сайта выполняется в изолированной среде, где виден только этот проект.

Сколько занимает сборка сайта?

Обычно несколько минут: простая витрина — быстрее, сайт с каталогом и админкой — дольше. Процесс виден на экране по шагам, с планом работ и текущим этапом.

Что происходит, если результат не понравился?

Правки вносятся обычными словами в чате и применяются к коду. Хранится история последних публикаций — неудачное изменение откатывается в один клик.

Как устроен Vibex

Страница для тех, кто хочет понять, что происходит внутри, прежде чем доверить платформе сайт своего бизнеса. Без маркетинга: какой стек используется, как устроен процесс сборки, что эта архитектура открывает и чего она не делает.

01Бизнес-процесс

От описания бизнеса до опубликованного сайта

Сборка идёт конвейером: каждый этап решает свою задачу и передаёт результат дальше. Над проектом работает не одна модель, а несколько — каждая на той задаче, где она сильнее.

Разбор запроса

Первым делом описание превращается в структурированное задание: сфера бизнеса, аудитория, тональность текстов, язык сайта, необходимые разделы. Отдельно решается вопрос, нужна ли сайту серверная часть — витрине с контактами она не нужна, каталогу или базе заявок нужна обязательно.

Если запрос допускает разные прочтения — «правильное питание» это блог, доставка рационов или курсы — платформа задаёт один-три коротких вопроса вместо того, чтобы угадывать. Вопросы формулируются языком бизнеса, без технических терминов.

Выбор визуального направления

Под проект подбирается оформление из каталога дизайн-направлений: палитра, пары шрифтов, ритм и плотность секций, характер анимации. Каждое направление описано как бренд-бриф, а не как набор цветов, поэтому сайты одной ниши не выходят одинаковыми.

Если ни одно готовое направление не подходит нише, оформление сочиняется с нуля под конкретный бизнес. Приложенный скриншот-образец становится приоритетнее каталога: платформа разбирает его композицию и повторяет структуру уже с вашим содержимым.

План работ

До написания кода формируется список задач: какие страницы, какие блоки на каждой, нужна ли база данных и какие сущности в ней. План виден на экране во время сборки — видно, что делается сейчас и что осталось.

План работает и как ограничитель: он удерживает сборку в рамках задачи и не даёт разойтись в переписывание того, о чём не просили.

Написание кода

Сайт пишется как обычный проект разработчика: компоненты, страницы, маршруты, стили. Не блоки конструктора и не шаблон с подставленным текстом — исходный код, который можно открыть, прочитать и скачать.

Когда бизнесу нужны данные, рядом появляется серверная часть: модели, API, админ-панель для владельца. Каждый сайт получает собственную схему в базе и собственные учётные данные к ней.

Тексты и изображения

Тексты пишутся под нишу и на языке запроса: русский запрос — русский сайт, казахский — казахский, английский — английский. Не перевод шаблона, а написанный под бизнес текст с учётом местных реалий: города, валюта, форматы телефонов.

Изображения генерируются под тему сайта и подставляются в вёрстку. Свои фотографии, логотип и документы можно загрузить — они встанут в разметку вместо сгенерированных.

Проверка до того, как вы увидите результат

Готовый сайт собирается и запускается. Проверяется: собирается ли проект, отвечает ли сервер, не падают ли страницы в браузере, совпадает ли то, что фронтенд запрашивает, с тем, что бэкенд отдаёт.

Найденные ошибки возвращаются модели на исправление в той же сессии — она правит их, пока помнит контекст задачи. Это происходит до публикации, а не после жалобы.

Публикация и версии

Сайт выкладывается на поддомен и открывается по ссылке сразу. Свой домен подключается отдельно, сертификат выпускается автоматически.

Хранится история последних публикаций: неудачную правку можно откатить в один клик. Если сборка не прошла, прежняя рабочая версия остаётся в эфире — белого экрана у посетителей не бывает.

02Стек

На чём работают созданные сайты

Никаких закрытых форматов и собственных «блоков»: результат — обычный проект на распространённом стеке. Это значит, что сайт можно забрать, отдать разработчику и развивать дальше без переписывания с нуля.

Фронтенд — то, что видит посетитель

React 18: Библиотека интерфейсов, на которой работает большая часть современного веба.
Vite: Сборщик проекта: быстрый билд и компактный результат на выходе.
Tailwind CSS: Оформление задаётся утилитарными классами — единая система отступов, цветов и типографики вместо разрозненных стилей.
React Router: Маршрутизация: несколько страниц внутри одного приложения без перезагрузки.
Библиотека компонентов: Готовые проверенные секции — герои, тарифы, отзывы, галереи — которые адаптируются под палитру и контент проекта.
Графики, карты, формы: Диаграммы, карты с точками на местности, карусели, валидация форм — подключаются, когда бизнесу это нужно.

Бэкенд — появляется, когда нужны данные

Django + DRF: Серверная часть и API. Зрелый стек с предсказуемым поведением и понятной структурой.
PostgreSQL: База данных. У каждого сайта собственная схема и собственная учётная запись — данные проектов физически разделены.
Админ-панель: Владелец управляет содержимым через готовый интерфейс: добавить товар, изменить цену, посмотреть заявку.
Авторизация: Вход по токенам настроен из коробки, публичные и защищённые части API разделены по умолчанию.
Файлы и медиа: Загруженные изображения и документы хранятся в объектном хранилище и раздаются через CDN-слой.

03Архитектура

Почему сайт получается рабочим, а не красивой картинкой

Конвейер из нескольких моделей

Разбор запроса, планирование, написание кода, оформление, проверка — разные задачи с разными требованиями. За каждую отвечает своя модель, подобранная под эту работу. Одна универсальная модель на всё справляется хуже.

Замкнутая проверка

Ошибки сборки, отказы сервера и несовпадения между фронтендом и бэкендом находятся автоматически и возвращаются на исправление в той же сессии. Пользователь видит результат уже после этого круга, а не вместо него.

Изоляция проектов

Сборка каждого сайта идёт в отдельной изолированной среде, где доступен только этот проект. У каждого сайта своя схема в базе и свои учётные данные — проекты не пересекаются ни файлами, ни данными.

История версий

Публикации сохраняются: к предыдущей версии можно вернуться в один клик. Если сборка не прошла, в эфире остаётся последняя рабочая — посетители ничего не замечают.

04Возможности

Что можно собрать на этой основе

Каталог с управлением

Товары, услуги, объекты, меню, курсы — с фильтрами, карточками и админкой, где состав меняет владелец.

Приём заявок

Формы с сохранением обращений, уведомлением на почту и отправкой во внешние системы.

Личный кабинет и CRM

Вход для клиентов или сотрудников, канбан заявок, статусы, история.

Несколько языков

Русский, казахский, английский — переключатель и переведённый интерфейс.

Тёмная тема

Полноценная вторая палитра, а не инверсия цветов.

Свой домен

Подключение домена с автоматическим сертификатом.

Экспорт исходников

Проект скачивается архивом целиком: код можно передать разработчику или разместить где угодно.

Правки словами

«Сделай шапку темнее», «добавь раздел отзывов» — изменения применяются к коду, а не к макету.

05Границы

Чего платформа не делает

Честный список важнее длинного: он экономит время тем, кому нужно другое.

Не мобильные приложения

Платформа делает веб-сайты. Приложение для App Store или Google Play — другая задача.

Не готовый интернет-эквайринг

Каталог и корзина собираются, приём платежей подключается отдельно и требует договора с банком.

Не замена интеграциям

Обмен с 1С, складскими или учётными системами — индивидуальная работа, а не кнопка.

Не гарантия позиций в поиске

Техническая основа для продвижения закладывается, но выдача зависит от содержания, ссылок и конкуренции.

06Вопросы

Частые вопросы о технологиях

На чём работают сайты, созданные Vibex?: Фронтенд — React 18 с Vite и Tailwind CSS. Когда сайту нужны данные, добавляется серверная часть на Django с базой PostgreSQL и админ-панелью. Это обычный стек веб-разработки: любой разработчик откроет проект и продолжит работу.
Это шаблоны или сайт пишется заново?: Код пишется под задачу. Есть библиотека проверенных секций, которые могут использоваться как основа, но они адаптируются под палитру, содержание и структуру конкретного проекта, а не вставляются как есть.
Можно ли забрать исходный код?: Да. Проект скачивается архивом целиком — фронтенд, серверная часть, конфигурация. Его можно передать разработчику или разместить на своём хостинге.
Данные разных сайтов хранятся вместе?: Нет. У каждого проекта собственная схема в базе данных и собственные учётные данные к ней. Сборка сайта выполняется в изолированной среде, где виден только этот проект.
Сколько занимает сборка сайта?: Обычно несколько минут: простая витрина — быстрее, сайт с каталогом и админкой — дольше. Процесс виден на экране по шагам, с планом работ и текущим этапом.
Что происходит, если результат не понравился?: Правки вносятся обычными словами в чате и применяются к коду. Хранится история последних публикаций — неудачное изменение откатывается в один клик.

Проверить на своей задаче

Описание бизнеса одним-двумя предложениями — и через несколько минут будет готовый сайт, который можно посмотреть, поправить словами и забрать вместе с исходным кодом.

Собрать сайт Как это работает Примеры сайтов