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

От первой схемы до собственного приложения. В этом материале — готовые основы сайтов, визуальная сборка, работа с исходным кодом и пример магазина, у которого сайт и Telegram используют общие товары и публикации.

Два инструмента для одного проекта

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

Studio: проект перед глазами

Готовая основа, библиотека блоков, схема связей и живой предпросмотр. Можно начать с задачи бизнеса и постепенно уточнять состав сайта.

SDK: проект под контролем

Пакеты, версии и контракты модулей. Разработчик получает основу для расширений и редактируемый код, с которым можно продолжать работу.

Представим авторскую мастерскую. Сначала ей нужны рассказ о мастере, несколько изделий и контакты. Затем появляются полноценный каталог, заказы, новости, мастер-классы и Telegram. Эти возможности должны складываться в общую систему: товар остаётся товаром независимо от того, открыл покупатель сайт или бота.

Начать можно с готовой основы

В Studio доступны шесть направлений: Forma для лендинга, Nord для магазина, Journal для медиаблога, Practice для врача, Care для клиники и Smile для стоматологии. Основа уже содержит набор секций и необходимые связи. Это сокращает путь до первого осмысленного макета: вместо пустого поля перед вами структура выбранного проекта.

Шаблон помогает организовать работу, но содержание остаётся вашим. Название, описание, акцентный цвет, история, преимущества, контакты и призыв к действию должны отражать конкретный бизнес. Для магазина это может быть новая коллекция, особенности материалов, условия заказа и способ связаться с мастерской.

Реальная схема магазина Nord в YETI³ Studio с ядром, PostgreSQL, блоками страницы и модулем Telegram
Настоящий интерфейс Studio: магазин Nord, его зависимости и подключённый модуль Telegram. Схема показывает состав проекта; параметры размещения рассчитываются отдельно.

Сборка магазина: пять последовательных шагов

1. Выбрать Nord и определить содержание

Сначала сформулируйте, что именно продаётся и почему покупатель должен заинтересоваться. Для авторских изделий важны материал, история создания и фотографии; для цифровых продуктов — назначение, результат и способ получения. Эти различия стоит заложить в тексты ещё до настройки интеграций.

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

2. Добавить необходимые блоки

Библиотека позволяет дополнить основу текстом и историей, преимуществами, контактами или действием. Блок можно добавить кнопкой или перенести на схему. Зависимости подключаются вместе с компонентом: на поле видны ядро YETI³, Studio runtime, оформление, база данных и содержательные секции.

Такой вид полезен и владельцу, и разработчику. Первый видит, из чего складывается его сайт. Второй понимает, какие части отвечают за работу приложения и что потребуется при размещении.

3. Проверить страницу в Live preview

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

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

4. Подключить дополнительные возможности

Для магазина в библиотеке есть модуль Telegram · магазин. Он добавляет выбранную интеграцию в состав проекта. После запуска потребуются настройки бота и каналов в админке. Приём оплаты зависит от отдельно подключённого эквайринга: модуль не подменяет договор и настройку платёжного сервиса.

5. Проверить код, ресурсы и размещение

Раздел «Код и проверки» относится к технической подготовке проекта. Оценка стоимости и ресурсов помогает заранее увидеть предполагаемую конфигурацию сервера. Размещение — самостоятельный этап: домен, окружение, секреты интеграций и рабочие проверки должны соответствовать конкретному сайту.

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

Что получает разработчик

В основе проекта — Python, Django и пакеты YETI³. Ядро отвечает за модульную структуру, сервисы и события. Studio runtime связывает конфигурацию с работающим приложением. В готовой схеме также виден PostgreSQL как ресурс для данных и транзакций.

У модуля есть имя, версия и зависимости. Это позволяет обсуждать обновления предметно: какой компонент меняется, на какую версию он рассчитан и какие части проекта от него зависят. Вместо копирования одинаковой логики по сайтам общую возможность можно развивать в пакете и подключать через адаптеры конкретного проекта.

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

Для практического старта. Подробный пример установки и первого Python-модуля уже опубликован в отдельном практикуме по SDK 0.4.3. Здесь мы рассматриваем следующий уровень: как из модулей складывается целый проект.

Сайт и Telegram: одна товарная и редакционная база

На MillerRings и YETI³ развивается двусторонняя связка сайта с Telegram. Покупатель может открывать каталог, переходить к товарам, работать с корзиной и заказами. Владельцу доступны административные сценарии, а публичный канал используется для материалов, которые редактор решил опубликовать.

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

Публикации с устойчивой ссылкой

У материала есть явный выбор «Публиковать в канал». После подтверждённой отправки сайт сохраняет ссылку на сообщение и показывает её читателю. При обновлении публикации интеграция использует уже связанное сообщение, чтобы не создавать новую копию при каждой редактуре.

В админке предусмотрен конструктор сообщения: товар, история, мастер-класс или короткий анонс. Можно выбрать изображение, источник текста, собственный заголовок, цену и подпись кнопки. Перед сохранением с отправкой показывается превью; изменение содержимого требует актуального просмотра.

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

Один подход — разные задачи

ПроектС чего начатьЧто развивать дальше
Авторская мастерскаяИстория, изделия, контактыКаталог, заказы, мастер-классы, Telegram
Цифровой продуктНазначение, возможности, демонстрацияДокументация, обновления, кабинет и интеграции
Редакционный проектJournal, рубрики и публикацииСвязанные материалы и канал распространения
Сервисная командаГотовая основа и форма обращенияСобственная логика и модули под рабочий процесс

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

Соберите свою первую конфигурацию

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

Открыть конструктор → · Изучить SDK · Цифровая мастерская

Возможности и интерфейсы сверены 9 октября 2026 года. Обложка — авторская концептуальная иллюстрация; изображение конструктора — реальный интерфейс.