Перейти к содержимому

Быстрый старт: первое приложение

КраткоСоздайте бесплатный аккаунт, напишите в поле на странице «Проекты», что должно делать приложение, и нажмите «Создать». MonstarX спланирует функции, напишет приложение и покажет его в работе в предпросмотре — обычно за несколько минут. Попробуйте его, попросите в чате изменения, а затем нажмите «Опубликовать», и приложение заработает по адресу your-app.monstarx.app.

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

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

  • Компьютер или телефон с современным браузером (Chrome, Safari, Edge или Firefox).
  • Около десяти минут.
  1. Откройте monstarx.com и нажмите Начать создание или Войти, если аккаунт у вас уже есть.

  2. Создайте аккаунт с помощью адреса электронной почты либо через Google или GitHub, если такой вариант предлагается. Для тарифа Free банковская карта не нужна.

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

После входа вы попадаете на страницу Проекты — ваш дом в MonstarX. Большое поле вверху спрашивает: Что создадим дальше?

  1. Нажмите на поле и простыми словами опишите приложение: для кого оно и что люди должны в нём делать.

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

  2. Нажмите кнопку Создать или клавишу Enter. (Shift Enter начинает новую строку.)

Напишите, что должно делать приложение, и нажмите «Создать».

Не знаете, что написать? Нажмите одну из идей под полем — Клиентский портал, Сайт бронирования, Внутренний инструмент, ИИ-помощник или Маркетплейс, — чтобы заполнить его, а потом поменяйте слова под себя. Когда вы перестанете печатать, появится Автоулучшение с ИИ: оно предложит превратить черновую идею в подробный запрос. См. Автоулучшение.

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

НастройкаЧто она делает
Сначала планПеред созданием MonstarX задаст несколько вопросов: кто будет пользоваться приложением, как оно называется, как должно выглядеть. См. Сначала план.
Сначала дизайнПоказывает несколько вариантов первого экрана в готовом виде; выбранный вариант задаёт стиль всего приложения. См. Сначала дизайн.
Авто (модель)Подбирает лучшую ИИ-модель для каждого запроса. См. Выберите модель.
СкрепкаПрикрепите скриншоты, макеты, документы или таблицу. См. Прикрепите файлы.
ИмпортПеренесите готовое приложение — с GitHub, из Lovable, ZIP-архива или с публичного сайта. См. Импортируйте приложение.
FigmaПревратите макет Figma в работающее приложение. См. Приложение по дизайну Figma.
Ваш агентОтправьте в MonstarX приложение, созданное в Claude Code, Codex или Cursor. См. Ваш агент для программирования.

Шаг 3. Посмотрите, как создаётся приложение

Заголовок раздела «Шаг 3. Посмотрите, как создаётся приложение»

MonstarX создаёт проект и открывает его. Дальше вся работа идёт в облаке MonstarX, а не в вашем браузере.

Запрос отправлен, функции запланированы, и начинается сборка (ускорено).

Вот что вы увидите:

  1. Ваш запрос вверху чата, а под ним — то, чем MonstarX занят прямо сейчас: «Размышление…», «Планирование функций…», «Написание кода…».
  2. План функций — короткий список того, что будет создано, например «Расписание занятий на неделю» и «Регистрация и вход для участников». По ходу работы MonstarX отмечает каждый пункт. Полоса Функции вверху чата показывает, сколько функций уже готово.
  3. Предпросмотр справа. Пока показывать нечего, там карточка Создание приложения… с таймером, а под ней Monstar Run — небольшая игра, чтобы скоротать ожидание (прыжок — клавиша «Пробел»).

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

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

Обратите внимание на эти блоки в чате:

  • Демо-аккаунт готов — адрес электронной почты и пароль, которые MonstarX создал, чтобы вы могли сразу войти в приложение (если в нём есть вход). Скопируйте их кнопками рядом.
  • Всё из плана создано — краткий итог того, что теперь умеет приложение.
  • Идеи для дальнейших шагов — предложения следующих функций. Нажмите Добавить, чтобы внести идею в план (или Добавить все), а затем Создать. Это по желанию.

Ещё MonstarX даёт проекту короткое название и описание по тому, что он создал. Их можно поменять в любой момент: нажмите на название вверху.

Шаг 5. Меняйте что угодно — просто попросите

Заголовок раздела «Шаг 5. Меняйте что угодно — просто попросите»

Продолжайте в том же чате. Простыми словами напишите, что изменить, и нажмите Отправить.

Несколько удачных первых изменений:

  • «Сделайте шапку тёмно-зелёной, а заголовки — шрифтом с засечками».
  • «Добавьте страницу о наших преподавателях: фото и короткий рассказ о каждом».
  • «Если на занятии нет мест, вместо кнопки „Записаться“ показывайте „Встать в лист ожидания“».

Проще показать, чем объяснить? Нажмите Изменить над предпросмотром, нажмите на часть страницы, которую нужно поменять, и напишите, что там изменить. См. Режим редактирования.

Каждое изменение сохраняется как версия. Если изменение не понравилось, откройте меню Версии вверху и восстановите предыдущую. См. Версии.

Когда всё устраивает, опубликуйте приложение в интернете.

  1. Нажмите Опубликовать в правом верхнем углу проекта.

  2. Нажмите Опубликовать сайт. В меню будет видно, как идёт процесс — Подготовка сайта, Сборка сайта, Публикация сайта в интернете, — и его можно закрыть, не дожидаясь конца.

  3. Нажмите Открыть сайт, чтобы посмотреть на него, или Копировать ссылку, чтобы поделиться.

Теперь приложение работает по собственному адресу, который составлен из названия проекта, — например, yoga-studio-booking.monstarx.app — с HTTPS. Когда позже вы измените приложение, нажмите Опубликовать, а затем Опубликовать заново, чтобы обновить опубликованный сайт: посетители никогда не увидят недоделанных изменений. См. Опубликуйте приложение.

Хотите собственное имя вроде sagebrookyoga.com? Можно купить домен за пару нажатий или подключить свой.

Сколько длится первая сборка?

Обычно несколько минут. Большое приложение со множеством функций создаётся дольше. Вкладку можно закрыть: сборка продолжится на стороне MonstarX, а когда она закончится, можно получить уведомление.

Что написать в первом запросе?

Для кого приложение и что люди должны в нём делать — в одном–трёх предложениях. Всё остальное можно добавить позже. См. Как писать запросы.

Нужно ли платить за первое приложение?

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

Можно ли остановить сборку?

Да. Нажмите красную кнопку Остановить в поле запроса. Всё, что уже создано, сохранится, и можно продолжить с новым запросом.

Становится ли приложение публичным сразу после создания?

Нет. Пока вы не нажмёте Опубликовать, у приложения нет собственного адреса в интернете: его видите только вы, люди, с которыми вы поделились проектом, и те, кому вы отправили ссылку на предпросмотр.

Что-то пошло не так. Что делать?

Напишите в чате MonstarX, что вы видите, или восстановите более раннюю версию в меню Версии. См. Решение проблем.