Bolt.new: как создать веб-приложение с помощью AI

ВАЖНО (апрель-июнь 2026): С 13 апреля 2026 года поддержка Bolt v1 полностью прекращена -- проекты на v1 заблокированы. Если у вас есть проекты на v1 Agent -- экспортируйте код через Settings > Export Project. Дефолтная модель Bolt.new обновлена до Claude Sonnet 4.6. Новые проекты автоматически создаются на актуальном агенте. Функция экспорта в StackBlitz удалена для новых проектов.

Bolt.new - это AI-builder от компании StackBlitz, который превращает текстовое описание в полноценное веб-приложение с настоящим программным кодом. Вы описываете то, что хотите создать: сервис для бронирования встреч, интернет-магазин, аналитический дашборд, простую игру или корпоративный портал. AI генерирует рабочий код, устанавливает все необходимые зависимости и запускает приложение прямо в браузере, чтобы вы сразу увидели результат и могли начать с ним взаимодействовать.

Главное отличие Bolt.new от визуальных конструкторов сайтов, таких как Tilda, Wix или Squarespace, заключается в том, что вы получаете настоящий программный код - на React, Vue, Svelte или другом популярном JavaScript-фреймворке по вашему выбору. Этот код можно скачать, открыть в любом редакторе, модифицировать руками или развернуть на любом хостинге. Вы не привязаны к платформе и не теряете контроль над своим продуктом.

Технология WebContainers, разработанная StackBlitz, позволяет запускать полноценную Node.js среду прямо в браузере без установки каких-либо программ на компьютер. Это означает что ваш код действительно выполняется, а не просто симулируется: можно устанавливать npm-пакеты, делать запросы к внешним API, работать с базами данных.

Bolt.new подходит для самых разных категорий пользователей. Предприниматели и стартаперы используют его для быстрого создания MVP: за несколько часов вместо нескольких недель разработки можно получить работающий прототип и показать его потенциальным инвесторам или ранним пользователям. Дизайнеры с помощью функции импорта из Figma превращают свои макеты в интерактивные прототипы, которые выглядят и работают как настоящие приложения. Маркетологи и менеджеры продуктов создают посадочные страницы, формы сбора данных и небольшие веб-инструменты без обращения к разработчикам и без необходимости изучать программирование. Опытные разработчики используют Bolt.new для быстрого прототипирования идей, экспериментов с новыми технологиями и создания вспомогательных внутренних инструментов.

Bolt.new стал особенно популярным в 2025-2026 годах как один из главных инструментов движения vibe-coding - подхода к разработке программного обеспечения, при котором человек описывает желаемый результат на естественном языке, а AI берёт на себя всю техническую реализацию.

Bolt.new работает полностью в браузере и не требует установки никаких программ. Регистрация занимает около двух минут.

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

Шаг 2. Нажмите кнопку Sign Up в правом верхнем углу страницы. Доступны три способа регистрации: через аккаунт GitHub, через аккаунт Google или по адресу электронной почты с паролем. Самый быстрый вариант - через GitHub или Google, это занимает одно нажатие и не требует ввода дополнительных данных.

Шаг 3. Если выбрали регистрацию по email, введите адрес почты и придумайте пароль. Bolt.new автоматически отправит письмо с подтверждением на указанный адрес - откройте его и нажмите на ссылку для активации аккаунта. Письмо обычно приходит в течение нескольких минут.

Шаг 4. После входа вы попадаете в главный интерфейс с полем ввода в центре, историей ваших проектов слева и галереей готовых шаблонов снизу. Интерфейс намеренно сделан минималистичным - Bolt.new не перегружает пользователя настройками и опциями.

На мобильном телефоне Bolt.new тоже работает через браузер, хотя интерфейс лучше приспособлен для работы на ноутбуке или компьютере с большим экраном. Мобильное приложение для iOS и Android находилось в разработке на момент написания этого гайда.

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

Первый проект за пять минут. В центральном поле ввода напишите описание на русском или английском языке. Bolt.new одинаково хорошо понимает оба языка. Например: Создай менеджер задач (todo list) с тёмным дизайном. Нужна возможность добавлять новые задачи, отмечать их выполненными и удалять. Каждая задача должна иметь приоритет: высокий, средний, низкий. Высокий приоритет выделяй красным цветом.

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

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

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

Design Mode для визуального редактирования. Когда нужно внести изменения в конкретный визуальный элемент, включите Design Mode кнопкой в верхней панели предпросмотра. В этом режиме достаточно кликнуть на любой элемент интерфейса - кнопку, заголовок, карточку - и описать что с ним нужно сделать. AI внесёт точечное изменение без затрагивания остального кода.

Публикация одной кнопкой. Когда приложение готово к показу другим людям, нажмите кнопку Deploy в правом верхнем углу предпросмотра. Bolt.new автоматически опубликует ваше приложение на платформе Netlify и выдаст публичный URL вида your-project-name.netlify.app. Ссылку можно сразу отправить клиенту, инвестору или пользователям для обратной связи.

WebContainers - настоящий код в браузере. В основе Bolt.new лежит технология WebContainers от StackBlitz - полноценная среда выполнения Node.js в браузере. Это принципиально отличает его от инструментов, которые только показывают предпросмотр. В Bolt.new приложение действительно работает: можно устанавливать любые npm-пакеты, подключать базы данных, делать API-запросы к внешним сервисам.

Широкая поддержка фреймворков. Bolt.new поддерживает все популярные JavaScript и TypeScript фреймворки: React, Vue.js, Svelte, Angular, Astro, Next.js, Remix, Nuxt.js и другие. По умолчанию проекты создаются на React с Vite, но в описании можно явно указать предпочтительный стек технологий.

Импорт из Figma. Для тех у кого уже есть готовый дизайн в Figma, Bolt.new предлагает прямой импорт: перетащите скриншот макета или вставьте ссылку прямо в чат. AI проанализирует визуальную структуру и создаст HTML и CSS код, максимально близкий к оригинальному дизайну. Это особенно полезно для дизайнеров, которые хотят быстро превратить статичные макеты в интерактивные прототипы.

MCP и интеграции с внешними инструментами. С начала 2026 года Bolt.new поддерживает Model Context Protocol (MCP) - открытый стандарт для подключения внешних инструментов к AI. Через MCP можно подключить Notion для работы с базой знаний, Linear или GitHub для управления задачами разработки, и многие другие сервисы прямо из интерфейса Bolt.new.

Интеграция с Supabase. Bolt.new нативно поддерживает Supabase - популярную open-source платформу для баз данных PostgreSQL с готовым API. Просто попросите AI добавить в проект Supabase: он сам напишет код подключения, создаст схему таблиц для хранения данных и настроит аутентификацию пользователей.

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

Экспорт и независимость от платформы. В любой момент вы можете скачать весь проект как zip-архив с обычной файловой структурой. Полученный код - стандартный, читаемый, написанный по общепринятым соглашениям. Его можно открыть в VS Code, Cursor или любом другом редакторе и продолжить разработку традиционным способом.

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

Bolt.new работает по модели freemium с бесплатным планом и несколькими уровнями платных подписок. Конкретные цифры могут изменяться, поэтому актуальные условия всегда смотрите на странице bolt.new/pricing.

Бесплатный план включает ежемесячное количество AI-токенов, которое позволяет создать несколько небольших проектов или хорошо познакомиться с инструментом. Публикация на Netlify доступна и в бесплатном плане - это важно, потому что позволяет поделиться результатом без дополнительных затрат.

На момент написания бесплатный план включает 150 000 токенов в месяц.

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

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

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

Оплата из России. Bolt.new принимает международные банковские карты Visa и Mastercard. Российские карты с 2022 года не работают для международных платежей, поэтому для оформления платной подписки потребуется карта иностранного банка, виртуальная карта международного платёжного сервиса или другой способ зарубежной оплаты. Бесплатный план при этом полностью доступен без каких-либо платёжных ограничений.

На момент написания этого гайда Bolt.new не заблокирован в России и открывается в обычном браузере без VPN. Сервис работает стабильно и не требует дополнительных настроек для подключения с российских IP-адресов.

Регистрация через Google или GitHub также работает без VPN. Оба сервиса доступны в России. При регистрации по email убедитесь что письмо с подтверждением аккаунта не попало в папку Спам или Нежелательная почта.

Для повседневного использования - создания проектов, написания кода через AI, предпросмотра результатов - VPN не нужен. Запросы к AI-моделям обрабатываются на серверах StackBlitz в США и Европе, но это происходит в фоне и не влияет на работу с интерфейсом.

Если по каким-то причинам сайт работает медленно или нестабильно, попробуйте подключиться через VPN с европейскими серверами. Серверы в Германии, Нидерландах или Финляндии обычно дают наилучшую скорость из России и минимальные задержки.

Основная сложность для пользователей из России - оплата платного плана, а не доступ к сервису. Бесплатный план полностью функционален и доступен без каких-либо ограничений и без VPN. Для пробного знакомства с инструментом и создания первых проектов бесплатного плана вполне достаточно.

Bolt v2: два режима агента. В Bolt v2 представлены два режима работы агента: Standard -- для обычных задач и небольших изменений; Max -- для сложных проектов с многоэтапными задачами, требующими более глубокого планирования. Выбор режима доступен в интерфейсе при создании или редактировании проекта.

Автоматическое исправление ошибок. Bolt Agent читает ошибки сборки и исправляет их автоматически до того, как пользователь их заметит. Агент анализирует вывод компилятора или консоли, определяет причину ошибки и применяет исправление -- всё в рамках одного запроса без дополнительных действий с вашей стороны.

AI генерация изображений (Nano Banana). Bolt.new интегрировал движок генерации изображений Nano Banana. Теперь можно попросить AI создать изображения прямо из чата: баннеры, иконки, иллюстрации с поддержкой прозрачного фона и автоматической конвертацией в WebP. Результат сразу встраивается в проект.

Bolt Database -- неограниченные базы данных. Новая встроенная база данных для проектов Bolt. Ключевые отличия от Supabase-интеграции: нативная, без дополнительной настройки, неограниченное количество баз данных на платных планах. Подходит для быстрых прототипов, где не нужен внешний провайдер БД.

Web Analytics встроена. Базовая аналитика теперь доступна для всех задеплоенных проектов без подключения внешних сервисов (Mixpanel, PostHog). Показывает: просмотры страниц, уникальных пользователей, источники трафика, bounce rate. Активируется в Dashboard -> Analytics после деплоя.

Новые возможности Bolt (2026): Импорт из Figma: прикрепите файл Figma прямо в чат для генерации кода. Доступна модель Claude Opus 4.6 с настраиваемой глубиной рассуждений. Secret Masking: API-ключи и секреты не передаются в LLM, хранятся в изолированном хранилище. Team Templates позволяет сохранять стартовые конфигурации для повторного использования командой.

MCP server support: Bolt.new теперь подключается к MCP серверам для доступа к внешним инструментам - базам данных, API, файловым системам. Настройка через bolt.toml в корне проекта: укажите MCP endpoint и Bolt использует его в процессе разработки.

Pro план Bolt.new (на момент написания): уточните актуальную цену на bolt.new - в разных источниках указывается $20-25/мес. Последнее обновление Pro плана добавило +30% больше токенов. Это было прямым ответом на конкурентное давление от Lovable и Replit. Tokens используются для генерации кода - больше токенов означает более длинные сессии разработки без доплаты.

Rollover токенов: Неиспользованные токены переносятся на следующий месяц (до определённого лимита). Это делает план более экономичным для пользователей с нерегулярной нагрузкой.

Bolt.new поддерживает деплой в Netlify, Vercel, Railway одним кликом. Интеграция с GitHub - каждый проект автоматически связывается с репозиторием. Bolt Agent понимает ошибки из предыдущих деплоев и автоматически исправляет их при следующей итерации.

Модели в Bolt.new (июль 2026): Claude Sonnet 4.6 является моделью по умолчанию в Bolt.new - как для Standard Agent, так и для Max Agent. Более ранние версии Claude Sonnet 4.5 и Claude Opus 4.5 удалены из списка доступных моделей. Claude Opus 4.6 по-прежнему доступен как дополнительная опция для наиболее сложных архитектурных задач, требующих глубокого рассуждения. Пользователи могут выбирать между Standard Agent (быстрый, экономичный режим) и Max Agent (углублённое многоэтапное планирование).

Изменения в Bolt v2 (июнь 2026): Кнопка 'Open in StackBlitz' недоступна для новых проектов -- StackBlitz интеграция переработана в рамках Bolt v2. Существующие проекты сохраняют доступ. Также уточнение: в Bolt v2 представлены два агента -- Standard (для обычных задач) и Max (для сложных проектов с многоэтапным планированием) вместо выбора отдельных моделей.

Актуальные лимиты Bolt.new (на момент написания): Free - 1 000 000 токенов в месяц, лимит 300 000 токенов в день; Pro - 13 000 000 токенов в месяц без дневного лимита. Неиспользованные токены переносятся на следующий месяц (rollover). Актуальные цены и лимиты проверяйте на bolt.new/pricing.

Bolt Cloud Platform (после 2 июня 2026): StackBlitz запустил Bolt Cloud Platform - встроенную инфраструктурную платформу прямо внутри Bolt.new. Теперь вам не нужно подключать внешние сервисы для базовых backend-потребностей: встроенный хостинг - каждый проект автоматически деплоится (на базе Netlify); базы данных через Bolt Database - неограниченное количество PostgreSQL-баз без настройки (на базе Supabase); авторизация пользователей - встроенная аутентификация (email/пароль, OAuth через Google/GitHub) без кода и внешних провайдеров; платежи - интеграция приёма платежей (на базе Stripe) доступна через один запрос в чате. Весь стек настраивается командами вроде 'добавь авторизацию' или 'подключи приём платежей' - Bolt Cloud генерирует код и настраивает инфраструктуру автоматически. Доступно на платных планах.

Партнёрство Bolt.new с Microsoft (июнь 2026): StackBlitz и Microsoft объявили об официальном партнёрстве, открывающем новые возможности для корпоративных пользователей. Ключевые изменения:

• Доступ через Microsoft 365 -- пользователи M365 Business и Enterprise получают доступ к Bolt.new через единый корпоративный аккаунт без отдельной подписки (в рамках лицензии M365). Billing происходит через Microsoft Azure, что упрощает управление расходами для корпоративных команд.
• Интеграция с Microsoft Graph -- Bolt.new-приложения могут подключаться к Microsoft Graph API для работы с корпоративными данными: Teams-каналы, SharePoint-документы, OneDrive-файлы доступны как источники данных в приложении.
• Azure Active Directory SSO -- приложения, созданные в Bolt.new, могут использовать Azure AD для аутентификации пользователей без дополнительной настройки.

Два агента вместо выбора модели: теперь в Bolt.new выбирают между Standard Agent (быстрый, для простых задач) и Max Agent (мощный, для сложной архитектуры). Sonnet 4.6 - модель по умолчанию для Max Agent. Кнопка Deploy переименована в Publish. Логика не изменилась, только UX.

Share option (июнь 2026): Bolt.new добавил приватный шаринг прототипов. Через кнопку Share можно сгенерировать закрытую ссылку на проект, доступную только приглашённым. Это удобно для передачи прототипа клиенту или команде без публичного деплоя.

Teams tier (июнь 2026): Bolt.new запустил тарифный план Teams для командной работы. Тариф предоставляет общий воркспейс, управление доступом и настройки приватности публикаций - можно выбрать, кто видит развернутые приложения: только команда или публично. Актуальные цены на тариф Teams уточняйте на сайте bolt.new.

Управление подпиской в интерфейсе Bolt.new (июль 2026): Управление подпиской и токенами переехало в интерфейс Bolt.new. Доступ: на главной странице bolt.new нажмите иконку профиля в нижнем левом углу боковой панели, затем выберите My Subscription. Здесь отображается текущий баланс токенов, включая перенесённые с предыдущего месяца rollover-токены, тариф и дата следующего списания. Тарифные планы Standard и Max потребляют токены по-разному: Standard экономичнее, Max расходует больше за более глубокое планирование сложных задач. Актуальные тарифы на bolt.new/pricing.

Team Templates в Bolt.new (июль 2026): Для командной работы Bolt.new добавил Team Templates - общие шаблоны проектов, доступные всем участникам воркспейса Teams. Администратор команды создаёт шаблон с настроенной структурой проекта, зависимостями и начальным кодом, после чего любой участник может развернуть новый проект на его основе в один клик. Это стандартизирует архитектуру внутри команды и ускоряет старт новых проектов. Team Templates доступны на тарифе Teams; управление шаблонами - через Settings - Team - Templates.

AI генерация и редактирование изображений из чата (июль 2026): В Bolt.new доступны два инструмента для работы с изображениями прямо из чата. Генерация: опишите нужное изображение в поле чата - AI создаст готовый файл с поддержкой прозрачного фона (удобно для логотипов и иконок) и автоматической конвертацией в формат WebP для оптимальной загрузки на веб-страницах; результат сразу добавляется в проект. Редактирование: AI вносит точечные изменения в изображения, уже находящиеся в проекте. Функция активируется в настройках аккаунта и доступна на платных планах.

Этот материал подготовлен командой AI-агентов AravanaAI и проверен главным редактором.