Год назад создать рабочий сайт без знания кода означало Tilda или WordPress. Сегодня есть Bolt.new — пишешь, что хочешь построить, и получаешь рабочее приложение. Не макет, не шаблон — полноценный код, который запускается прямо в браузере.
Я провёл с ним несколько часов и сделал реальный проект. Вот честный разбор.
Статья для тех, кто хочет создать простое веб-приложение, но не готов тратить недели на изучение React и Node.js. Если вы уже умеете кодить — посмотрите лучше на Claude Code или Cursor: там больше контроля.
Что такое Bolt.new
Bolt.new — это браузерный AI-редактор от StackBlitz (компания, которая делает онлайн IDE). Вы описываете, что хотите создать, AI пишет код, и он тут же запускается в превью рядом. Без установки, без настройки окружения, без Git.
Под капотом — полноценная среда Node.js прямо в браузере (WebContainers). Это значит, что Bolt может запускать серверный код, устанавливать npm-пакеты и делать реальные HTTP-запросы. Не просто статическая HTML-страница.
AI-движок — Claude от Anthropic. Тот же, что в Claude Code, только обёрнут в удобный интерфейс.
Для чего подходит:
- Лендинги и промо-страницы
- Прототипы приложений для демонстрации идеи
- Простые инструменты: конвертеры, калькуляторы, формы
- Небольшие дашборды
Для чего не подходит:
- Продакшн-приложения с серьёзной нагрузкой
- Проекты с базой данных (есть ограниченная поддержка, но болезненно)
- Сложная авторизация и платёжные системы
Как начать
Регистрация
Идём на bolt.new — для начала хватит бесплатного тарифа. Регистрация через GitHub или Google, 30 секунд.
На бесплатном тарифе — 150 000 токенов в день. Звучит много, но на активную разработку хватает примерно на 2-3 часа работы. Для первого знакомства — отлично.
Инфо
Токен — это примерно 4 символа текста. Каждый ваш запрос к AI и каждый ответ тратит токены. Длинные файлы и сложные запросы расходуют их быстрее.
Первый проект
Нажимаете «New Project» и попадаете в пустой чат. Здесь нужно описать, что хотите создать. Конкретнее — лучше.
Плохой промпт: «Сделай сайт»
Хороший промпт: «Создай веб-приложение: список задач с возможностью добавлять, помечать выполненными и удалять задачи. Стиль минималистичный, тёмный. Данные хранить в localStorage»
Мой тест: планировщик привычек
Я попросил Bolt создать простой трекер привычек — таблица с привычками, галочки на каждый день недели, счётчик текущей серии.
Промпт, который я дал:
Создай трекер привычек:
- Список привычек (можно добавлять и удалять)
- Таблица: привычки по строкам, дни недели по столбцам
- Клик на ячейку — отмечает/снимает выполнение
- Счётчик текущей серии (streak) для каждой привычки
- Тёмный минималистичный дизайн
- Данные сохранять в localStorage
Bolt сгенерировал рабочее React-приложение за 40 секунд. Таблица работает, streak считается, данные сохраняются после перезагрузки.
Несколько правок понадобились:
- Попросил исправить баг: streak не сбрасывался при пропуске дня — исправил с первого раза
- Изменил цвета под свой вкус — тоже без проблем
- Добавил кнопку «очистить неделю» — за 10 секунд
Итого от нуля до готового инструмента — минут 20.
Совет
Если что-то не работает, просто напишите об этом в чат. «Кнопка удаления не работает» или «сделай шрифт крупнее» — Bolt понимает такие простые указания без технических подробностей.
Интерфейс: что где находится
Экран поделён на три части:
Чат (слева) — пишете запросы, AI отвечает и сразу правит код. Видна история всех изменений.
Редактор (центр) — полноценный редактор кода. Можно редактировать файлы напрямую, если знаете, что меняете. Для новичков — не обязательно, всё можно через чат.
Превью (справа) — живой браузер. Изменения применяются сразу, не нужно нажимать «обновить».
В верхнем меню есть кнопка Deploy — публикует проект на случайном поддомене StackBlitz за 30 секунд. Полезно, чтобы показать кому-то.
Сравнение с конкурентами
Bolt — не единственный игрок в этой нише. Есть ещё v0 от Vercel и Lovable.
| Bolt.new | v0 (Vercel) | Lovable | |
|---|---|---|---|
| Бесплатный тариф | 150K токенов/день | Ограниченные кредиты | 5 проектов |
| Запуск кода | В браузере | Только генерация | В браузере |
| Деплой | Автоматический | Vercel | GitHub + Vercel |
| Базы данных | Supabase (beta) | Нет | Supabase |
| Лучший для | Быстрых прототипов | UI-компонентов | Полноценных MVP |
Мне Bolt зашёл больше за счёт того, что код реально запускается прямо в браузере. Не надо копировать куда-то и разбираться с деплоем отдельно.
Реальные ограничения
Токены кончаются. На бесплатном тарифе 150K токенов — это 2-3 часа активной работы. Большой проект с нуля за день не сделаешь.
Сложные проекты ломаются. Чем больше файлов и зависимостей, тем выше шанс, что AI запутается в собственном коде. На маленьких проектах (5-10 файлов) работает отлично, на больших — начинаются проблемы.
Базы данных — боль. Есть интеграция с Supabase, но настроить её без технических знаний сложно. Если нужна база — придётся разобраться с переменными окружения и SQL.
Деплой не в России напрямую. Встроенный деплой работает через StackBlitz CDN, которая может быть недоступна без VPN. Решение: скачать код и задеплоить самому на Vercel или Netlify.
Внимание
Bolt не подходит для хранения чувствительных данных пользователей или проектов с реальными платежами. Это инструмент для прототипов и личных инструментов.
Что делать дальше с готовым кодом
Один из главных плюсов Bolt — код можно скачать. Нажимаете «Export» → получаете ZIP с полноценным Node.js-проектом. Дальше:
- Открываете в VS Code или Cursor
- Запускаете локально:
npm install && npm run dev - Дорабатываете с помощью Claude Code или самостоятельно
Это хорошая стратегия: начать в Bolt для быстрого прототипа, потом перенести в нормальную среду разработки.
Мой итог
Bolt.new — самый низкий порог входа в создание веб-приложений, который я видел. Если вы хотите сделать что-то работающее и не готовы учить программирование — это ваш инструмент прямо сейчас.
Не ждите от него сложных продакшн-проектов. Но для прототипа, личного инструмента или лендинга — отлично. Мой трекер привычек я использую каждый день.
Следующий шаг: идите на bolt.new, придумайте простую задачу (список, конвертер, форма) и попробуйте за 20 минут. Если понравится и захочется больше контроля — изучите основы вайб-кодинга как следующий уровень.
