Блог обзор

Bolt.new — AI-конструктор приложений в браузере

Bolt.new (bolt.new) — AI-платформа от StackBlitz для создания full-stack веб-приложений прямо в браузере. Ключевая фишка — WebContainers: полноценная Node.js-среда работает в вкладке браузера, без локальной установки.

По Wordstat — 2 852 показа/мес по запросу «bolt new» в Рунете. Растущий запрос среди разработчиков и no-code основателей.

Главное в 30 секунд

ПараметрBolt.new
От когоStackBlitz
ТипAI-конструктор full-stack приложений
Средабраузер (WebContainers)
Поддерживаемые стекиNext.js, Astro, Vue, React, Svelte, Node.js
ДеплойNetlify, Cloudflare, своим способом
ТарифыFree + платные от $20/мес
Из РФ✓ доступен без VPN, оплата зарубежной картой

Что отличает Bolt.new от конкурентов

1. Любой современный стек

В отличие от Lovable (React + Supabase, фиксированный стек), Bolt поддерживает любой популярный фреймворк: Next.js, Astro, Vue, Svelte, Remix, и др. Можете описать «приложение на Astro с Tailwind» — Bolt сделает.

2. Полная Node.js-среда в браузере

WebContainers позволяет запускать настоящий Node.js прямо в браузере. Это означает:

  • npm install работает
  • любые npm-пакеты доступны
  • терминал доступен в интерфейсе
  • сборка / тесты / линтер работают как локально

Это уникальная фишка Bolt — другие AI-конструкторы запускают код на серверах, что медленнее и дороже.

3. Деплой выбирает пользователь

Bolt не привязан к одной платформе деплоя. Можно задеплоить на:

  • Netlify — встроенная кнопка
  • Cloudflare Pages — для статики
  • Vercel — экспорт через GitHub
  • Свой хостинг — скачать код, развернуть как обычно

Bolt.new vs Lovable vs v0

ПараметрBolt.newLovablev0
СтеклюбойReact + SupabaseReact
Что выдаётfull-stack приложениеfull-stack приложениеUI-компоненты
Средабраузер (WebContainers)веб-IDEвеб-генератор
Деплойгибкий (любой хостинг)свой *.lovable.appVercel
Подходит дляразработчики, гибкие проектыоснователи без кодаUI-задачи
Цена$0-20/мес$0-25/мес$0-30/мес

Когда выбрать Bolt:

  • Хотите нестандартный стек (Astro / Vue / Svelte)
  • Нужен полноценный Node.js-окружение для пакетов
  • Гибкий выбор хостинга
  • Опыт хотя бы базовый в коде — для понимания вывода

Когда выбрать Lovable:

  • Хотите чтобы всё под капотом было решено за вас
  • Standard стек React + Supabase устраивает

Как пользоваться — пошагово

Шаг 1. Регистрация

  1. Зайти на bolt.new — без VPN
  2. Sign up через GitHub / email
  3. Бесплатный план активируется сразу

Шаг 2. Первый промт

В чате описываете идею:

«Создай блог на Astro с Tailwind. На главной — сетка постов с превью. Отдельная страница каждого поста. Markdown-контент в /content/blog/. Тёмная тема по умолчанию».

Через 30-60 секунд WebContainers разворачивается, Bolt пишет код, запускает npm install, стартует dev-сервер. Превью открывается справа.

Шаг 3. Итерация

  • «Добавь страницу about»
  • «Сделай тёмную тему переключаемой»
  • «Добавь RSS-фид»
  • «Подключи реальный markdown-контент через @astrojs/mdx»

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

Шаг 4. Деплой

В правом верхнем углу — кнопка Deploy. Варианты:

  • Netlify — одной кнопкой, готовый URL через минуту
  • Скачать код — открыть в Cursor, задеплоить как обычно (Vercel, Timeweb, VPS)

Тарифы

По bolt.new/pricing:

ТарифЦена/месЧто включено
Free$0ограниченные токены, бесплатные модели
Pro$20расширенные лимиты, premium-модели
Teams$30+/челкоманды

Из РФ: доступен без VPN, оплата зарубежной картой через виртуальную карту.

Что Bolt умеет хорошо

  • Лендинги и статические сайты — на Astro, Next.js, Vite — за 30 минут до деплоя
  • Простые SaaS-приложения — с auth и БД через подключение к Supabase / Firebase
  • API-проекты на Node.js — Express, Hono, Fastify
  • Прототипы UI — для презентаций инвесторам
  • Личные pet-проекты — без локальной установки чего-либо

Что Bolt пока делает хуже

  • Сложные продакшен-системы — генерит работающий код, но архитектура иногда нуждается в рефакторинге
  • Точная интеграция с проприетарными API — нестандартные SDK могут не подключаться сразу
  • Long-running задачи — WebContainers ограничен по ресурсам браузера

Главные ошибки при использовании

1. Слишком сложный первый промт. Лучше «простая версия» → потом итерация. Bolt лучше понимает короткие чёткие задачи.

2. Игнорирование выбора стека. Если не указать стек явно — Bolt выберет дефолтный (React + Vite). Если хотите Astro / Vue — скажите явно в промте.

3. Без сохранения в Git. WebContainers — temporary. Если закрыли вкладку без коммита в GitHub — работа потеряна. Регулярно делайте Save to GitHub.

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

Реальные кейсы

Соло-разработчик — за 2 дня от идеи до задеплоенного SaaS. Bolt + Supabase + Netlify. Полностью в браузере, без локальной разработки.

Маркетолог запускающий продукт — лендинг + форма за час. Bolt генерит, Netlify деплоит, реклама запускается в этот же день.

Студент-новичок — учится коду через готовые проекты. Bolt создаёт работающие примеры, студент изучает код, изменяет.

Команда продакта без бэкенд-инженера — простой внутренний дашборд за день. Bolt + Cloudflare Pages.

Безопасность

  • WebContainers изолированы — код выполняется в браузере, не на серверах Bolt
  • Сгенерированный код стандартный, без обфускации
  • Для production-проектов — код-ревью обязательно
  • Для российской аудитории — соблюдайте 152-ФЗ, Bolt по умолчанию деплоит на зарубежные хостинги

FAQ

Bolt.new бесплатный? Free план с ограниченными токенами есть. Pro — $20/мес для активной работы.

Работает ли в России? Да, без VPN. Сайт открывается, генерация работает. Оплата — через виртуальную карту.

Можно ли использовать Bolt-проекты коммерчески? Да, по условиям StackBlitz пользователь владеет правами на сгенерированный код.

Что лучше — Bolt или Lovable? Bolt — для гибкости (любой стек, любой хостинг). Lovable — для простоты (всё под капотом решено). Если знаете базовый код — Bolt. Если нет — Lovable.

Какие модели использует Bolt? Обычно Claude (Anthropic). На Free-тарифе модели ограничены, на Pro — full Claude.

Можно ли подключить свою AI-модель? Нет, Bolt использует собственную инфраструктуру моделей. Альтернатива — Cursor, где можно настроить любую модель через OpenRouter.

Что такое WebContainers? Технология StackBlitz: настоящий Node.js работает в JavaScript-окружении браузера. Можно запускать npm install, любые пакеты, dev-сервер. До WebContainers это требовало серверной инфраструктуры.

Можно ли продолжить проект из Bolt в Cursor? Да. Скачать код или экспортировать в GitHub — открыть в Cursor — продолжить руками.