Розробка веб-додатків з Bolt.new
Bolt.new — це AI-середовище розробки від StackBlitz, яке генерує повноцінні веб-додатки (React, Next.js, Svelte, Node.js) прямо в браузері. Модель розуміє завдання, пише код, встановлює залежності та запускає dev-сервер без локального налаштування.
Що вміє Bolt.new
- Генерує повний проект за текстовим описом: «SaaS-дашборд з авторизацією, таблицею користувачів і графіками»
- Ітеративно доробляє: «додай фільтрацію по даті», «підключи до Supabase»
- Встановлює npm-пакети, налаштовує Tailwind, Vite, TypeScript
- Розгортає на Netlify одним кліком з інтерфейсу
- Експортує проект у ZIP для подальшої розробки
Практика використання
Ефективні промпти:
Створи SaaS-додаток для управління завданнями:
- Стек: React 18 + TypeScript + Tailwind CSS
- Авторизація через email/password (localStorage для прототипу)
- Kanban-дошка з drag-and-drop (DnD Kit)
- CRUD операції для завдань
- Фільтри по статусу та виконавцю
Ітеративне покращення:
// Наступний промпт після генерації бази:
Додай:
1. Темну тему через CSS-змінні
2. Сповіщення при перетаскуванні завдання
3. Лічильник завдань у кожній колонці
Обмеження
- Не підходить для production-систем з бізнес-логікою — потрібна ревізія і рефакторинг
- Складні backend-залежності (черги, мікросервіси) потребують ручної доробки
- Контекстне вікно обмежує розмір проекту — великі додатки розбиваються
Bolt.new оптимальний для MVP, прототипів за 1–4 години, демо для зацікавлених сторін, навчання стеку. Для production — стартова точка, яку доводить розробник.