Как создать быстрый прототип с Bolt.new

После выполнения инструкции вы создадите быстрый веб-прототип в Bolt.new из текстового запроса, проверите его в Preview, внесёте правку через Code View и опубликуете результат на встроенном хостинге .bolt.host.

Коротко: откройте Bolt.new, войдите без кредитной карты, опишите прототип, нажмите Build now, проверьте результат в Preview window, при необходимости исправьте его через Code View, затем опубликуйте через Publish.

Практический вердикт: Bolt.new подходит, если вам нужен быстрый веб-прототип на JS-ориентированном стеке и публикация без отдельного стороннего хостинга. Если вам нужен Python, PHP или полноценное редактирование с телефона и Safari, ограничения проявятся сразу.

Редакционная оговорка: официальные страницы, проверенные на 2026-08-17, хорошо описывают базовый путь быстрого прототипа, но не раскрывают полный набор кликов для всех опциональных режимов вроде Plan mode. Поэтому ниже — воспроизводимый минимальный сценарий без догадок об интерфейсе.

Пошагово: как создать быстрый прототип с Bolt.new

1. Откройте Bolt.new в Chrome или другом Chromium-браузере.

   Документация указывает, что Bolt лучше всего работает в Chrome и других Chromium-браузерах. В Safari Code View доступен только для чтения, а на мобильных устройствах часть функций отсутствует.

   Ожидаемый результат: стартовая страница Bolt.new открыта в поддерживаемом настольном браузере.

2. Войдите через Google, GitHub или email и завершите короткий опрос.

   Официальный QuickStart рекомендует авторизоваться одним из этих способов. Для старта кредитная карта не требуется; после входа Bolt просит пройти короткий onboarding-опрос.

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

3. Опишите прототип в промпте или выберите другой поддерживаемый способ старта.

   Страница Start a project перечисляет актуальные варианты: пустой промпт, загрузка файлов, Figma, Google Stitch и team templates. Для самого быстрого сценария используйте текстовый запрос.

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

   Если у вас бесплатный план, ориентируйтесь на Standard agent. Документация также рекомендует использовать Plan mode перед генерацией кода, если этот режим доступен в вашем интерфейсе.

4. Нажмите Build now.

   Это запускает генерацию проекта из вашего запроса или выбранного источника.

   Ожидаемый результат: Bolt начинает сборку прототипа.

5. Дождитесь завершения первой сборки.

   QuickStart предупреждает, что на первый прогон обычно уходит около 5 минут.

   Ожидаемый результат: появляется собранное приложение, доступное для проверки в Preview window.

6. Проверьте прототип в Preview window.

   На этом шаге оцените, соответствует ли интерфейс вашему запросу и открываются ли основные экраны. Если приложение использует данные или авторизацию, QuickStart советует также создать тестовые данные и проверить User Management.

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

7. Внесите точечную правку через Code View.

   Если прототип почти подходит, но требует доработки, исправьте конкретный участок в Code View. Это удобнее, чем заново пересобирать весь проект из нуля.

   Ожидаемый результат: нужное изменение сохранено в проекте.

8. Вернитесь в Preview Mode и перепроверьте изменение.

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

   Ожидаемый результат: исправление видно в прототипе, а основной сценарий не сломан.

9. Если правка ухудшила результат, восстановите рабочую версию через Version history.

   Официальный QuickStart прямо указывает Version history как способ отката к предыдущему состоянию.

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

10. Опубликуйте прототип через Publish.

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

    Bolt публикует проект на встроенном хостинге без отдельного стороннего хостинга. Для всех пользователей доступен домен .bolt.host; собственный домен доступен только на Pro.

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

Как проверить, что всё работает

Используйте тот же контрольный список, который рекомендует QuickStart.

• Откройте приложение в Preview window и пройдите основной пользовательский сценарий: открыть экран, перейти между ключевыми страницами, заполнить форму или проверить действие, ради которого вы делали прототип.
• Если в проекте есть данные, создайте тестовые данные и убедитесь, что они отображаются ожидаемо.
• Если в проекте есть вход пользователей, проверьте User Management.
• После любой правки в Code View вернитесь в Preview Mode и убедитесь, что изменение видно не только в коде, но и в интерфейсе.
• Если сборка идёт не так, как вы ожидали, проверьте token usage перед повторными генерациями.

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

Частые ошибки и исправления

• ❌ Проблема: вы открыли проект в Safari и не можете полноценно править код.

  ✅ Решение: перейдите в Chrome или другой Chromium-браузер. По документации в Safari Code View доступен только для чтения.

• ❌ Проблема: вы работаете с телефона и не находите Code View, Project settings или Database.

  ✅ Решение: продолжайте работу на настольном устройстве. На мобильных устройствах эти разделы недоступны.

• ❌ Проблема: вы пытаетесь использовать Python или PHP как основу проекта.

  ✅ Решение: пересоберите задачу под JS-based web technologies. Bolt поддерживает Node.js backend и browser-native frontend, а PHP и Python не совместимы.

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

  ✅ Решение: проверьте token usage и свой план. На Free plan действуют лимиты 300K tokens в день и 1M tokens в месяц; Max agent требует платный план, а Standard agent доступен на всех.

• ❌ Проблема: вы хотите привязать собственный домен, но публикация даёт только .bolt.host.

  ✅ Решение: это штатное ограничение. Собственный домен доступен только на Pro; для быстрого теста используйте встроенный хостинг.

Безопасность и ограничения

• Браузерные ограничения: лучший сценарий — настольный Chrome или другой Chromium-браузер. В Safari Code View read-only.
• Ограничения mobile: на мобильных устройствах нет Code View, Project settings и Database.
• Публичность на mobile: публикация с мобильного устройства всегда публичная.
• Hosted preview: официальная страница supported technologies отдельно указывает, что превью являются hosted.
• Тип проекта: Bolt ориентирован на JS-based web technologies. Если ваш прототип принципиально требует PHP или Python, этот путь не подходит.
• Лимиты: объём токенов и доступность агентов зависят от тарифа. На Free plan есть дневной и месячный лимиты, а также upload limit 10MB.
• Хостинг: публикация идёт на встроенный .bolt.host; отдельный сторонний хостинг не нужен. Собственный домен — только на Pro.
• Поддержка: платные пользователи получают email support в рабочие часы, бесплатные — community support в Discord.

Ограничение этой инструкции: публичные страницы, проверенные на 2026-08-17, не раскрывают региональную доступность, итоговые налоги и локальную валюту оплаты; это нужно подтверждать в billing flow. Если вы опираетесь на старые ролики или гайды с v1 Agent, сверяйтесь с актуальными Release Notes: для новых проектов этот агент больше не используется.

Что делать дальше

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

Источники

• Intro to Bolt – Bolt

• Bolt QuickStart guide – Bolt
• Start a project – Bolt
• Publish your project to a live website – Bolt
• Hosting – Bolt
• Supported technologies – Bolt
• Plans & pricing: Bolt’s AI powered website and app builder
• Release Notes – Bolt
• Billing – Bolt
• Bolt Help Center – Bolt

Вопросы и ответы

Можно ли создать прототип бесплатно?

Да. Free plan включает hosting, Bolt branding, 300K tokens daily limit, 1M tokens per month и upload limit 10MB.

Нужен ли отдельный хостинг для публикации?

Нет. Официальный flow публикации публикует проект на встроенном хостинге, а все пользователи могут получить адрес на .bolt.host.

Работает ли Bolt.new в Safari и на смартфоне?

Частично. В Safari Code View только для чтения. На мобильных устройствах нет Code View, Project settings и Database, а публикация с mobile всегда публичная.

Можно ли сделать прототип на Python или PHP?

Нет. Официально Bolt ограничен JS-based web technologies: поддерживаются Node.js backend и browser-native frontend, а PHP и Python не совместимы.

Когда нужен платный план?

Платный план нужен, если вам нужен Max agent или собственный домен. По документации апгрейд делается через профиль → My Subscription → выбор плана → Upgrade → ввод billing/payment info → Subscribe.