Bolt.new: что это за ИИ-конструктор сайтов и как им пользоваться

Что такое Bolt.new

Bolt.new — это онлайн-платформа от StackBlitz, которая генерирует веб-приложения по текстовому описанию. Запустили её в 2024, и с тех пор она стала одним из главных инструментов для быстрой разработки без кода. В основе лежит та же технология что и в StackBlitz: полноценная среда разработки прямо в браузере.

Отличие от обычных чат-ботов в том что Bolt.new не просто выдаёт код, а сразу запускает его. Вы видите результат мгновенно: написали «сделай лендинг с формой обратной связи» и через минуту он уже открыт в соседней вкладке. Платформа поддерживает React, Next.js, Vue, Node.js и десяток других фреймворков.

Под капотом работает WebContainer, технология StackBlitz которая запускает Node.js прямо в браузере. Никаких серверов, никаких виртуалок. Всё крутится локально в вашем браузере, что даёт мгновенную обратную связь и изоляцию проектов.

Совет: Если вы никогда не программировали, Bolt.new хорош как точка входа. Но базовое понимание HTML и CSS всё равно пригодится. Платформа выдаёт рабочий код, а не магию. Иногда нужно подправить стили или логику вручную.

Что умеет Bolt.new

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

Интеграция с базой данных идёт через Supabase. Bolt.new автоматически создаёт таблицы, настраивает API и подключает аутентификацию. Вы просто говорите «добавь регистрацию пользователей» и платформа сама настраивает всё что нужно. Для человека который впервые сталкивается с бэкендом это экономит часы гугления.

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

Ключевой вывод

Bolt.new не заменяет разработчика, а сжимает время от идеи до прототипа. То что раньше занимало выходные, теперь делается за обеденный перерыв.

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

Главных конкурентов два: v0 от Vercel и Lovable. v0 заточен под React и интерфейсы. Он хорош когда нужно быстро накидать красивую страницу, но с бэкендом и логикой справляется хуже. Lovable ближе по функционалу, но медленнее и у него меньше поддерживаемых фреймворков.

Bolt.new выигрывает за счёт WebContainer. Код крутится прямо в браузере, не надо ждать пока сервер соберёт проект и отдаст результат. Плюс полный доступ к файловой системе проекта: можно редактировать любой файл вручную, устанавливать npm-пакеты, запускать тесты. Это не песочница с ограничениями, а почти полноценная IDE.

Из ограничений: бесплатный тариф даёт ограниченное количество токенов в день. Для экспериментов хватит, но если вы всерьёз решили собрать проект на Bolt.new, готовьтесь платить. И второе: платформа лучше всего работает с JavaScript-стеком. Python, Go и другие языки не поддерживаются.

Как начать пользоваться

Ничего устанавливать не нужно. Заходите на bolt.new, авторизуетесь через GitHub и попадаете в интерфейс похожий на ChatGPT. Слева чат, справа превью вашего приложения. Вводите промт и смотрите как платформа генерирует код и запускает его.

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

Важный момент: пишите промты конкретно. Не «сделай крутой сайт», а «создай одностраничный лендинг для доставки пиццы с меню, формой заказа и отзывами». Чем точнее описание, тем ближе результат к ожиданиям. Это универсальное правило для всех ИИ-инструментов, но для Bolt.new оно работает на все сто.

Заметка: Если Bolt.new выдал ошибку или странный результат, не переписывайте проект с нуля. Просто скажите «исправь ошибку в файле App.tsx, компонент не рендерится». Платформа помнит контекст и точечно правит проблемные места.

Кому подойдёт Bolt.new

Дизайнерам которые хотят оживить макеты, не изучая React. Владельцам бизнеса которым нужен прототип для проверки идеи. Разработчикам которые устали писать boilerplate для каждого нового проекта. Студентам которые делают курсовую и не хотят возиться с настройкой окружения.

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

Я пробовал собрать на Bolt.new небольшой дашборд для отслеживания задач. Базовый функционал появился за 20 минут: список задач, фильтры, drag-and-drop. Но когда захотел добавить real-time обновления через WebSocket, пришлось лезть в код и разбираться самому. Платформа дала 80% готового результата, остальное доделывал руками. Для прототипа — идеально. Для продакшена — нет.