Bolt.new: що це, як створювати застосунки з AI і скільки це коштує

Bolt.new - це AI-сервіс, у якому можна створити сайт або застосунок, просто описуючи потрібний результат звичайною мовою.

Наприклад, можна написати:

Створи простий сервіс запису до приватного викладача. Користувач має бачити вільні години, обирати час і залишати ім'я та email. Викладач має бачити всі записи в окремій панелі.

Bolt створить першу робочу версію прямо у браузері. Потім можна продовжити:

Додай реєстрацію для викладача.

Додай можливість скасувати запис.

Підключи оплату через Stripe.

На перший погляд це дуже схоже на інші AI app builders. Але у Bolt є важлива особливість: почати можна майже як у no-code сервісі, а якщо захочеться більше контролю - відкрити реальний код, підключити GitHub і продовжити розробку вже як звичайного програмного проєкту.

Тобто Bolt добре підходить людині, яка поки що не програмує, але не хоче назавжди залишатися всередині закритого конструктора.

Що таке Bolt.new

Bolt.new - це AI-платформа від StackBlitz для створення сайтів і застосунків у браузері.

Основний спосіб роботи дуже простий:

1. ви описуєте, що хочете створити;
2. Bolt генерує застосунок;
3. ви одразу бачите результат у preview;
4. просите AI змінити те, що не подобається;
5. публікуєте готовий проєкт.

При цьому Bolt може працювати не лише із зовнішнім виглядом сторінок. У платформі є інструменти для бази даних, авторизації, server functions, hosting та інших частин повноцінного вебзастосунку.

Тобто результатом може бути не просто красивий макет, а застосунок, у якому користувачі входять у свої акаунти, додають дані й виконують реальні дії.

Що можна створити в Bolt

Для першого знайомства з Bolt найкраще брати відносно просту і зрозумілу задачу.

Наприклад:

1. лендінг для бізнесу;
2. особистий сайт або портфоліо;
3. CRM для невеликої команди;
4. сервіс бронювання;
5. dashboard;
6. каталог;
7. невеликий SaaS;
8. мобільний застосунок.

Останній пункт особливо цікавий, тому що Bolt підтримує створення mobile-проєктів через Expo. До цього ми ще повернемося нижче.

Як виглядає робота в Bolt

Припустимо, ми хочемо зробити сервіс запису до приватного викладача.

Не варто починати з величезного технічного завдання на кілька сторінок. Для першої версії достатньо описати головну задачу:

Створи вебзастосунок для приватного викладача. Учень має бачити доступні години на наступні 7 днів і мати можливість забронювати заняття. Для бронювання потрібні ім'я та email. Викладач має бачити список усіх записів. Зроби простий сучасний інтерфейс, який добре працює на телефоні.

Bolt створить структуру проєкту і покаже працюючу версію.

Після цього починається найважливіша частина вайбкодингу: не просто довіряти тому, що зробив AI, а перевіряти результат.

Наприклад:

1. чи можна реально створити бронювання;
2. чи зберігається воно після перезавантаження сторінки;
3. чи не можна забронювати один час двічі;
4. чи бачить викладач потрібні дані;
5. чи нормально все працює на телефоні.

І тільки після цього варто додавати наступну функцію.

Наприклад:

Додай можливість викладачу закривати окремі години для бронювання.

Потім:

Додай email-підтвердження після бронювання.

А вже потім:

Додай можливість оплатити заняття під час бронювання.

Такий підхід зазвичай працює краще, ніж спроба описати весь майбутній продукт одним гігантським промптом.

Plan mode: спочатку подумати, потім будувати

У Bolt є корисний режим Plan mode.

У звичайному Build mode ваші повідомлення призводять до змін у коді. У Plan mode можна спочатку обговорити з AI, що саме варто зробити, не змінюючи існуючий проєкт.

Наприклад, перед додаванням платежів можна запитати:

Я хочу додати оплату за заняття. Запропонуй найпростіший варіант реалізації для мого проєкту. Поки нічого не змінюй.

Bolt може проаналізувати проєкт, запропонувати план і тільки після вашого рішення перейти до реалізації.

Для новачка це корисно з двох причин.

По-перше, AI не починає одразу змінювати працюючий застосунок, поки ви самі ще не впевнені, що хочете зробити.

По-друге, Plan mode витрачає менше токенів, ніж Build mode, тому що не переписує код після кожної вашої думки.

Хороше правило: якщо ви ще самі не впевнені, як має працювати наступна функція, спочатку обговоріть її в Plan mode.

Це справжній застосунок чи тільки прототип?

У Bolt можна робити і швидкі прототипи, і реальні вебзастосунки.

Різниця полягає в тому, що саме ви підключили.

Наприклад, якщо наш сервіс бронювання просто показує намальований список занять, це ще прототип.

Якщо ж бронювання реально записується у базу даних, користувач може увійти у свій акаунт, а викладач бачить актуальні записи - це вже працюючий застосунок.

Bolt Cloud включає інфраструктуру для:

1. hosting;
2. баз даних;
3. authentication;
4. server functions;
5. зберігання файлів та секретів.

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

Чи можна приймати платежі

Так. Bolt має інтеграцію зі Stripe.

Це дозволяє додати в застосунок разові платежі або підписки.

Для нашого прикладу можна попросити:

Підключи Stripe. Після вибору часу користувач має оплатити заняття, і тільки після успішної оплати бронювання вважається підтвердженим.

Сам факт того, що AI може підключити Stripe, не означає, що платежі не потрібно перевіряти.

Перед запуском варто окремо протестувати:

1. успішну оплату;
2. відхилену оплату;
3. повторне натискання кнопки;
4. що відбувається, якщо користувач закрив сторінку під час платежу;
5. чи правильно змінюється статус замовлення після оплати.

З AI стало значно простіше додати платежі технічно. Але відповідальність за перевірку бізнес-логіки нікуди не зникла.

Чи потрібно знати програмування

Щоб почати - ні.

Ви можете створити першу версію застосунку, змінювати дизайн, додавати сторінки, базу даних і навіть платежі через звичайну розмову з AI.

Саме тому Bolt добре підходить для знайомства з вайбкодингом.

Але тут важливо не плутати дві речі:

вам не обов'язково вміти писати код, але вам усе одно потрібно розуміти, що має робити продукт.

Наприклад, AI не вирішить за вас:

1. хто може бачити конкретні дані;
2. які поля обов'язкові;
3. що відбувається після помилки;
4. як користувач скасовує замовлення;
5. чи взагалі створена функція вирішує реальну проблему.

На практиці чим далі ви розвиваєте проєкт, тим корисніше стає хоча б базове розуміння того, як влаштовані вебзастосунки.

Головна особливість Bolt: код нікуди не ховається

Ось тут Bolt стає особливо цікавим.

Ви можете працювати тільки через чат і взагалі не торкатися коду.

Але сам проєкт при цьому складається зі звичайних файлів із кодом, які можна відкрити прямо у Bolt.

Це означає, що якщо через кілька місяців ви почнете краще розуміти розробку або залучите програміста, не потрібно обов'язково починати продукт заново.

Можна поступово перейти від:

«AI, зроби це за мене»

до:

«ось конкретний файл і конкретна зміна, яку я хочу зробити».

Для людини, яка хоче через практику поступово розібратися у розробці, це сильна сторона Bolt.

Навіщо підключати GitHub

Bolt має двосторонню інтеграцію з GitHub.

Можна підключити проєкт до repository, після чого зміни синхронізуються в обидва боки.

Тобто:

1. Bolt змінює код - зміни потрапляють у GitHub;
2. ви або розробник змінюєте код через GitHub - Bolt отримує ці зміни назад.

Це важлива відмінність від конструктора, з якого можна тільки експортувати результат один раз.

Наприклад, ви можете зробити MVP самостійно в Bolt, а коли продукт виросте - запросити розробника. Він зможе працювати зі звичайним GitHub repository, не змушуючи вас викидати все, що вже створено.

А якщо надалі захочеться запускати проєкт поза вбудованим hosting Bolt, у нас є окремий матеріал про хостинг для проєктів, створених за допомогою AI.

Які технології підтримує Bolt

Тут є важливе обмеження.

Bolt орієнтований на JavaScript-екосистему.

Для backend він підтримує Node.js та JavaScript-based технології.

Якщо ж ви принципово хочете створити backend на Python, Flask, Django або PHP, Bolt не є природним інструментом для такого проєкту.

Для абсолютного новачка це зазвичай не проблема: якщо ваша мета просто створити працюючий сервіс, немає особливої причини заздалегідь вимагати конкретну мову програмування.

Але якщо у вас уже є Python-проєкт або технічні вимоги до стеку, це варто врахувати.

Чи можна створити мобільний застосунок у Bolt.new

Так. І це одна з цікавих відмінностей Bolt.

Bolt підтримує створення mobile apps через Expo.

Якщо ви хочете саме мобільний застосунок, це краще сказати вже у першому промпті.

Наприклад:

Створи mobile app для обліку тренувань. Користувач має додавати тренування, вправи, вагу та кількість повторів. Використовуй Expo.

Bolt тоді створить Expo-compatible проєкт.

Це не означає, що будь-який застосунок одним натисканням автоматично опиниться в App Store або Google Play. Публікація у магазинах все одно має свій окремий процес.

Але на відміну від сервісів, орієнтованих винятково на web apps, у Bolt можна одразу будувати проєкт із розрахунком на mobile.

Що з дизайном

Дизайн теж можна створювати через промпти:

Зроби інтерфейс мінімалістичним. Використовуй багато білого простору, великі заголовки і прості картки. Не використовуй градієнти.

А якщо у вас уже є макет у Figma, Bolt підтримує імпорт Figma frames.

Причому їх можна імпортувати не тільки на старті, а й у вже існуючий проєкт.

Це особливо корисно для дизайнера або product manager, який хоче спочатку намалювати інтерфейс, а потім перетворити його на працюючий застосунок.

Скільки коштує Bolt.new

Почати можна безкоштовно.

Станом на жовтень 2026 року основні індивідуальні варіанти виглядають так:

1. Free - $0;
2. Pro - від $25 на місяць.

На Free є 300 тисяч токенів на день і 1 мільйон токенів на місяць.

Також Free включає hosting, бази даних і можливість створювати як public, так і private projects. На опублікованих сайтах залишається брендинг Bolt.

Pro починається з 10 мільйонів токенів на місяць і прибирає денний ліміт. Також він дає власний домен, прибирає брендинг Bolt, збільшує доступні ресурси і додає інші можливості для серйознішого використання.

Для першого знайомства ми б однозначно починали з Free.

Чому токени в Bolt можуть закінчуватися швидко

Ось це важливо зрозуміти до того, як ви почнете великий проєкт.

У Bolt токени витрачаються не тільки на текст вашого запиту і відповідь AI.

Значна частина витрат пов'язана з тим, що AI щоразу повинен отримувати контекст вашого проєкту.

Чим більше стає файлів і коду, тим більше контексту потрібно передавати моделі.

Тому маленька зміна у великому проєкті може коштувати більше токенів, ніж значно серйозніша зміна у маленькому.

На Free є 300 тисяч токенів на день. Це звучить як дуже багато, але сам Bolt у своїх навчальних матеріалах попереджає, що навіть невеликий tutorial-проєкт може підійти близько до денного ліміту.

Тому Free добре відповідає на питання:

«Чи подобається мені Bolt?»

Але він не обов'язково дозволить активно будувати великий продукт щодня.

Як витрачати менше токенів

Є кілька простих правил.

1. Спочатку плануйте

Якщо ви не впевнені, що саме хочете змінити, використовуйте Plan mode, а не просіть Bolt одразу переписувати код.

2. Робіть одну функцію за раз

Замість:

Повністю перероби dashboard, додай Stripe, нову авторизацію, email та мобільну версію.

краще окремо реалізувати і перевірити кожен крок.

3. Не просіть AI без потреби переробляти те, що вже працює

Якщо проблема тільки у кнопці на одній сторінці, так і напишіть. Не потрібно просити «покращити весь дизайн застосунку».

4. Зберігайте робочі версії

Перед великими змінами корисно мати стабільну версію проєкту в GitHub. Тоді невдалий експеримент не перетвориться на кілька наступних промптів із проханням повернути все назад.

Bolt vs Lovable: у чому різниця

Bolt і Lovable дуже схожі за базовою ідеєю.

В обох випадках можна відкрити браузер, описати застосунок звичайною мовою і швидко отримати працюючу версію.

Але mental model трохи різний.

Lovable особливо добре виглядає як product-first інструмент: ви описуєте продукт і максимально довго можете залишатися на рівні функцій та інтерфейсу.

Bolt теж дозволяє так працювати, але технічна частина проєкту знаходиться ближче: кодовий редактор, GitHub, вибір технологій і mobile development через Expo.

Тому я б дивився на них так:

1. хочу максимально просто перетворювати ідею на web app - дивлюся на Lovable;
2. хочу почати так само просто, але потенційно глибше заходити в код і звичайну розробку - дивлюся на Bolt.

Докладніше про перший варіант ми розібрали у статті «Lovable: що це і як створювати застосунки за допомогою AI».

Bolt vs Replit

Replit теж дозволяє повністю працювати у браузері й створювати проєкти за допомогою AI.

Але Replit історично ближчий до повноцінного online development environment.

У ньому від самого початку сильніше відчувається класична розробка: файли, середовище виконання, terminal та інші технічні інструменти.

Bolt більше починається з ідеї:

Опиши, що хочеш створити, і я це зберу.

Replit природніше сприймається як:

Ось повноцінне середовище розробки, у якому AI може зробити більшу частину роботи за тебе.

Якщо хочете краще зрозуміти цей підхід, у нас є окрема стаття про платформу Replit та покроковий матеріал про те, як створити перший проєкт у Replit.

Bolt чи coding agents на кшталт Claude Code і Codex

Це вже значно різніші підходи.

У Bolt можна прийти взагалі без готового проєкту і почати з фрази:

Створи мені застосунок для...

Coding agents на кшталт Claude Code або Codex особливо сильні тоді, коли у вас уже є кодова база і потрібно делегувати AI конкретну задачу всередині неї.

Вони дають більше контролю і краще підходять для складної роботи з існуючим кодом, але поріг входу зазвичай вищий.

Якщо цікаво подивитися на цей клас інструментів, у нас є окремі сторінки Claude Code та Codex, а також порівняння Claude Code і Codex для початківців.

Кому Bolt підходить найкраще

Ми б особливо дивилися на Bolt, якщо:

1. ви поки що не програмуєте;
2. хочете швидко зробити перший MVP;
3. хочете створити сайт або вебзастосунок через діалог з AI;
4. не хочете одразу налаштовувати локальне середовище розробки;
5. хочете мати доступ до реального коду;
6. плануєте пізніше підключити GitHub або розробника;
7. хочете експериментувати не тільки з web, а й із mobile apps.

Особливо цікавий Bolt для людини з позицією:

Я хочу зараз створювати продукт через AI, але не виключаю, що пізніше захочу краще розібратися у коді.

Коли ми б вибрали інший інструмент

Вам принципово потрібен Python backend

Bolt орієнтований на JavaScript та Node.js. Для Python-проєкту краще дивитися на інший workflow.

Ви хочете максимально абстрагуватися від коду

Тоді варто порівняти Bolt із Lovable. Він теж створює повноцінні web apps, але підхід може відчуватися більш product-first.

У вас уже є великий кодовий проєкт

У такому випадку часто логічніше працювати через Cursor, Claude Code або Codex, а не переносити весь процес в AI app builder.

Ви хочете повноцінне browser-based середовище розробки

Тоді обов'язково подивіться на Replit.

Як спробувати Bolt безкоштовно

Для першого тесту не треба будувати свій майбутній стартап.

Візьміть маленьку задачу, результат якої ви легко можете перевірити.

Наприклад:

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

Після першої версії перевірте, чи все реально працює.

Потім попросіть:

Зроби так, щоб книги зберігалися у базі даних.

Потім:

Додай можливість редагувати книгу.

Потім:

Додай пошук за назвою та автором.

За такий короткий експеримент ви зрозумієте про Bolt більше, ніж після години перегляду відеооглядів.

Bolt.new: короткий висновок

Bolt.new - один із найцікавіших інструментів для людини, яка хоче створювати реальні застосунки за допомогою AI, але поки що не є програмістом.

Почати можна буквально з опису ідеї звичайною мовою.

При цьому Bolt не зупиняється на красивому прототипі: можна додавати базу даних, авторизацію, платежі, hosting і навіть створювати mobile apps через Expo.

А головна його перевага в довшій перспективі - проєкт не прихований від вас.

У вас є реальний код, двостороння синхронізація з GitHub і можливість поступово перейти від повністю AI-driven роботи до більш традиційної розробки.

Тому Bolt особливо цікавий як міст:

від «я не програміст, але хочу зробити застосунок» до «я вже трохи розумію свій проєкт і можу вирішувати, як його розвивати далі».

Якщо ж ви ще не розумієте, який тип AI-інструменту вам потрібен, подивіться наш каталог інструментів для вайбкодингу.

Часті питання

Bolt.new - що це?

Bolt.new - це AI-платформа для створення сайтів, вебзастосунків і mobile apps через діалог. Ви описуєте потрібний продукт звичайною мовою, а Bolt створює і змінює код прямо у браузері.

Чи можна користуватися Bolt безкоштовно?

Так. Free-план має 300 тисяч токенів на день і до 1 мільйона токенів на місяць. Цього достатньо, щоб спробувати платформу і створити невеликий проєкт.

Скільки коштує Bolt.new Pro?

Станом на жовтень 2026 року Pro починається від $25 на місяць і включає від 10 мільйонів токенів на місяць без денного token limit.

Чи потрібно знати програмування для Bolt?

Для старту - ні. Більшість дій можна описувати звичайною мовою. Але базове розуміння того, як працюють застосунки, стає кориснішим у міру зростання проєкту.

Чи можна створити мобільний застосунок у Bolt?

Так. Bolt підтримує mobile apps через Expo. Якщо вам потрібен саме мобільний проєкт, краще вказати це вже у першому промпті.

Чи можна забрати код із Bolt?

Так. Проєкт складається зі звичайного коду, а Bolt має двосторонню інтеграцію з GitHub. Це дозволяє продовжити розробку і поза Bolt.

Що краще: Bolt чи Lovable?

Обидва сервіси дозволяють створювати застосунки через діалог з AI. Lovable особливо зручний як product-first app builder, а Bolt сильний тим, що поруч із простим AI-інтерфейсом дає близький доступ до коду, GitHub і mobile development. Детальніше про Lovable читайте в нашому окремому огляді.

Що краще: Bolt чи Replit?

Bolt більше орієнтований на швидкий шлях від опису ідеї до готового застосунку. Replit ближчий до повноцінного середовища розробки у браузері. Якщо ви хочете більше традиційного контролю над проєктом, варто порівняти Bolt із Replit.