🚀
VibecodeAcademy
Навчайся будувати з AI

Привіт, 👋

🚀 Bolt.new — 8M+ проектів створено 💰 Ринок вайбкодингу — $4.7B 📈 Ринок вайбкодингу — +85% щороку ⭐ Sabrine Matos — $456K ARR без коду 🌍 Фріланс на Upwork — $50–250/год 🤖 77% розробників використовують AI для коду 🏆 Pieter Levels — $1M ARR соло за 17 днів ⚡ Perplexity — $50M ARR за 1 рік 🚀 Bolt.new — 8M+ проектів створено 💰 Ринок вайбкодингу — $4.7B 📈 Ринок вайбкодингу — +85% щороку ⭐ Sabrine Matos — $456K ARR без коду 🌍 Фріланс на Upwork — $50–250/год 🤖 77% розробників використовують AI для коду 🏆 Pieter Levels — $1M ARR соло за 17 днів ⚡ Perplexity — $50M ARR за 1 рік
Прогрес навчання 0 / 6 уроків
Починай з першого уроку
10
Курсів
10
Онлайн
💡
Порада дня
Починай з Bolt.new — перший проект займає менше 15 хвилин.

Швидкий доступ

Навчання
Урок 01 — Claude, GPT чи Gemini
📚
Курси
2 безкоштовних курси

Навчання

🚀
Старт
Етап 1
0%
01

Claude, GPT чи Gemini — що обрати

⏱ ~8 хв ✓ прочитано
02

Де купити API і як не злити бюджет

⏱ ~6 хв ✓ прочитано
03

Промпти що дають результат

⏱ ~7 хв ✓ прочитано
🛠️
Ремесло вайбкодера
Етап 2
0%
04

Git за 10 хвилин — машина часу для коду

⏱ ~6 хв ✓ прочитано
05

Секрети під замком: .env і ключі

⏱ ~6 хв ✓ прочитано
06

Вайб-дебаг: коли AI зламав, а не полагодив

⏱ ~7 хв ✓ прочитано

Курси

Навчайся у своєму темпі

🚀
FREE ⏱ ~20 хв

Старт у Вайбкодингу

Вайбкодинг, інструменти та перший цифровий продукт

🌐
FREE ⏱ ~15 хв

Перший лендінг за 30–60 хв

Живий сайт в інтернеті з нуля — без коду і встановлень

PRO ⏱ ~2 год

Перший Telegram бот

Від нуля до деплою на сервер — покроково

🔒
🗄️
PRO ⏱ ~1.5 год

Бази даних без болю: Supabase

Щоб дані не зникали — справжнє сховище для твого продукту

🔒
💳
PRO ⏱ ~1.5 год

Приймаємо оплату в продукті

Stripe, LiqPay і Stars — від тестового платежу до перших грошей

🔒
🤝
PRO ⏱ ~1.5 год

Перші клієнти і перші гроші

Де знайти замовників і як продати те, що ти будуєш з AI

🔒
?

FREE
Загальний прогрес 0%
👑 Адмін Панель ADMIN
Всього юзерів
Активний PRO
Закінчується
Список юзерів
Завантаження...

Налаштування

Сповіщення
Тема оформлення Чорна
Вібрація
Мова
Старт у Вайбкодингу
FREE ⏱ ~20 хвилин читання

Старт у Вайбкодингу

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

Д
Дмитро Засновник VibecodeAcademy · будує продукти з AI
01 / Вступ

🤖 Що таке вайбкодинг?

Уяви: ти відкриваєш чат з AI і пишеш — "Зроби мені Telegram бот, який приймає оплату і видає курс". За кілька годин — структура бота готова: команди, меню, логіка відповідей. Підключаєш платіжний провайдер — і запускаєш.

Без знання Python. Без Stack Overflow. Без трьох років навчання.

Це і є вайбкодинг — новий спосіб будувати цифрові продукти, де ти керуєш, а AI пише. Ти — режисер. AI — виконавець.

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

— Андрій Карпаті, який і запровадив термін «vibe coding» (лютий 2025). Колишній керівник AI-досліджень у Tesla, один з перших дослідників OpenAI

Термін з'явився у 2025 році і одразу став вірусним серед підприємців, дизайнерів і всіх хто хоче будувати — але не хоче роками вчитись кодити вручну.

02 / Чому зараз

💡 Чому це змінює все — прямо зараз

До вайбкодингу шлях від ідеї до продукту виглядав так:

  • Вивчити HTML/CSS — 2-3 місяці
  • Вивчити JavaScript — 6-12 місяців
  • Вивчити серверну мову — ще рік
  • Найняти агентство — $50,000–150,000 за MVP
  • Чекати місяці поки зроблять те що ти хочеш

Тепер цей шлях скорочується до одного тижня. Ти описуєш — AI пише — ти запускаєш.

📊 Масштаб змін — в цифрах (2025–2026)
  • Пошуки "vibe coding" зросли на +6,700% за 2025 рік
  • 63% юзерів AI-кодинг інструментів — нерозробники
  • 25% стартапів Y Combinator (кращий акселератор світу) — 95%+ AI-код
  • Повний стек інструментів — $20–50/міс vs $50,000–150,000 за MVP через агентство
Важливо розуміти

Вайбкодинг не замінює програмістів — він дає підприємцям, дизайнерам і творцям будувати продукти самостійно. Без посередників, без місяців очікування.

03 / Інструменти

🛠 Інструменти вайбкодера

Не потрібно знати всі — достатньо почати з одного. Але знати що існує — важливо.

🧠
Claude (Anthropic) — для складних проектів
Найкращий AI для реального коду. Вирішує 77% реальних GitHub-задач з першої спроби (SWE-bench). 80% власного коду Anthropic — написано Claude. Розуміє великі кодові бази завдяки контексту до 1 млн токенів.
🖥
Claude Code — автономний агент
Запускаєш в папці проекту — він сам читає файли, пише код, запускає і виправляє помилки. 95% коду працює з першої спроби. 71% розробників що використовують AI-агентів обирають Claude Code. Саме ним збудований цей міні-апп.
Cursor — AI-редактор коду
IDE з вбудованим AI (на базі Claude + GPT). Описуєш в чаті — він змінює код прямо у файлах. 1M+ платних розробників, $1 млрд ARR. Використовують Stripe, OpenAI, Adobe. $20/міс.
🌐
Bolt.new / Lovable — без встановлень
Онлайн-платформи де описуєш — бачиш результат одразу в браузері. Lovable: $200M ARR за 12 місяців — рекорд в SaaS-індустрії. Bolt.new: 1M токенів/міс безкоштовно. Ідеально для старту.
💨
Windsurf — нова альтернатива
Ще один AI-редактор з унікальними функціями (Codemaps — візуальна карта коду). 1M+ активних юзерів, 59% Fortune 500 компаній. $15/міс або безкоштовно з лімітами.
04 / Практика

🚀 Як виглядає реальна сесія

Щоб зрозуміти вайбкодинг — треба побачити його в дії. Уяви що ти відкриваєш Cursor і пишеш:

"Зроби мені лендінг для онлайн-школи. Темний фон, фіолетові акценти, форма для запису, кнопка купити курс за $47. Адаптивний для мобільних."

За 2 хвилини — готовий HTML файл. Відкриваєш у браузері. Виглядає добре, але кнопка трохи не на місці.

"Перемісти кнопку під форму і зроби її більшою і яскравішою."

30 секунд — готово. Ще кілька правок. Через 20 хвилин — готовий лендінг. Той самий результат у фрілансера коштував би $300–500 і тиждень очікування.

Головне правило вайбкодингу

Чим конкретніше ти описуєш — тим кращий результат. Не "зроби кнопку" а "зроби велику фіолетову кнопку з текстом Почати навчання і тінню при наведенні".

Коли з'являється помилка — не треба розуміти код. Просто копіюєш текст помилки в чат і пишеш "виправ". AI знаходить і виправляє сам.

05 / Реальні кейси

🌍 Що будують — і скільки заробляють

Не теорія — конкретні люди і конкретні числа:

🎮
Pieter Levels — авіасимулятор у браузері
3 години на прототип → $1,000,000 ARR за 17 днів. 90% коду — AI-генерований. Монетизація через рекламу і продаж контенту в грі. Один розробник, без команди.
🛡️
Sabrine Matos — застосунок безпеки (Бразилія)
Нетехнічна засновниця, збудувала на Lovable. Результат: $456,000 ARR і 10,000+ користувачів за 45 днів. Без команди розробників.
📈
Sebastian Volkis — SaaS за 4 дні
TrendFeed (AI-дискавері контенту): 4 дні розробки, $10,000 MRR за перший місяць. Ще один продукт поруч — $24,000 ARR.
💼
Paulius Masalskas — звільнився з найманої
"Я не написав жодного рядка коду — тільки промпти." Збудував нішевий інструмент під час поїздки в метро. Результат: стабільний дохід що дозволив піти з найманої роботи.
Що найкраще підходить для старту
  • Telegram боти — великий ринок (900M MAU), $50–200/міс від клієнта, будується за 3–7 днів
  • Лендінги як послуга — за $100–300 робиш те, що агентство брало б $2,000+
  • Мікро-SaaS — нішеві інструменти, середній вихід на $1K–10K MRR за 1-3 місяці
  • Внутрішні інструменти — дашборди, CRM для бізнесу — часто коштують дорожче за публічні SaaS

Швидкість від ідеї до першого користувача скоротилась з місяців до тижнів. І ця перевага доступна кожному хто готовий навчитись правильно ставити задачі AI.

"Чесно не вірив. Спробував одразу після курсу — написав промпт і за 3 хвилини мав готову сторінку. Досі дивуюсь що це безкоштовно."

— Андрій, підприємець, Дніпро
🔥

Від ідеї до першого клієнта

Знання без практики — просто інформація. Відкрий bolt.new, встав цей промпт і подивись що вийде за 2 хвилини:

"Зроби лендінг для [твоя ніша]. Темний фон, фіолетові акценти, форма для запису, велика кнопка купити."

  • Перший Telegram бот — від ідеї до деплою з прийомом оплати
  • Перша база даних: щоб дані не зникали після рестарту
  • Монетизація: Telegram Stars, LiqPay, підписна модель
  • Перший платний клієнт — де знайти, як продати
  • Особиста підтримка та консультації в Telegram
25% стартапів YC вже будують із 95% AI-кодом.
Питання не «чи варто» — а «коли починати».

Скасування в один клік. Без прихованих платежів.

Перший Telegram бот
PRO ⏱ ~2 год практики

Перший Telegram бот з нуля до сервера

Від реєстрації в BotFather до живого бота, який продає, розсилає і працює 24/7 — через вайбкодинг, без досвіду в Python

Д
Дмитро Засновник VibecodeAcademy · будує продукти з AI
01 / Результат

🎯 Що ти збудуєш

До кінця цього курсу в тебе буде живий Telegram-бот — не навчальний приклад, а справжній, запущений на сервері. Ти зможеш скидати на нього посилання, і він буде відповідати. Вночі, у вихідні, без твоєї участі.

Ось що вміє бот, який ти зробиш:

  • Відповідає на /start привітанням і меню з кнопками
  • Має команду /help зі списком можливостей
  • Зберігає базу своїх користувачів
  • Дозволяє надсилати розсилку всім юзерам однією командою
  • Видає платний матеріал тим хто заплатив — і ввічливо відмовляє решті
  • Працює 24/7 у хмарі — незалежно від твого комп'ютера
Чому Telegram, а не сайт?

Telegram — це 950 мільйонів активних користувачів. Там вже є твоя аудиторія. Ти не платиш за SMS, push або email-розсилку. API безкоштовний. Бот приносить продукт туди де люди вже сидять — навіщо вести їх на окремий сайт?

Реальні приклади де боти заробляють гроші прямо зараз:

  • Бот курсу — видає уроки після оплати, нагадує про завдання
  • Бот підтримки — відповідає на FAQ, економить 3–4 год на день
  • Бот продажу цифрових товарів — пресети, шаблони, гайди
  • Бот сповіщень — надсилає звіти, новини, оновлення цін щодня автоматично

"Telegram-бот — це найдешевший спосіб мати власний продукт на ринку. Нуль витрат на інфраструктуру, нуль порогу входу для клієнтів."

— практика сотень Telegram-підприємців
02 / Архітектура

⚙️ Як Telegram-боти влаштовані (5 хвилин)

Перш ніж робити — зрозумій принцип. Це займе буквально 5 хвилин і зніме всю плутанину.

Ось весь ланцюжок від тебе до юзера:

1
Ти → BotFather — реєструєш бота в Telegram, отримуєш унікальний токен (секретний ключ)
2
Твій код → Telegram API — кожну секунду Python-скрипт питає Telegram: "Є нові повідомлення?" Це називається polling
3
Telegram API → Твій код — якщо хтось написав боту, Telegram повертає це повідомлення. Твій код вирішує як відповісти
4
Твій код → Telegram → Юзер — бот надсилає відповідь. Юзер отримує як звичайне повідомлення
Ми використовуємо Polling — і це правильно

Є два способи отримувати повідомлення від Telegram: polling (бот сам питає) і webhook (Telegram надсилає сам). Ми обираємо polling — простіший старт, не потрібен публічний HTTPS-сервер. Для першого бота і навіть бізнес-ботів середнього масштабу — цілком достатньо.

Ми використовуємо Python і бібліотеку pyTelegramBotAPI. Але не панікуй — Python пишемо не ми. Пишемо промпти для AI, а він генерує код. Твоя задача — розуміти що відбувається і вміти пояснити що хочеш.

Чому Python? Найбільше туторіалів, AI знає його краще за інші мови для цієї задачі, код читається майже як звичайна мова — ти будеш розуміти що AI написав.

03 / Крок 1

🤖 Реєструємо бота в BotFather

BotFather — офіційний бот Telegram для створення нових ботів. Відкрий Telegram і зроби наступне:

1
Знайди @BotFather — відкрий Telegram, в пошуку введи BotFather. Шукай акаунт з синьою галочкою. Натисни Start.
2
Надішли /newbot — BotFather запитає дві речі підряд
3
Введи ім'я бота — відображуване ім'я, яке бачать юзери. Наприклад: Моя Академія або Крутий Магазин. Будь-яке.
4
Введи username — технічна назва, обов'язково закінчується на bot. Наприклад: moya_academia_bot. Має бути унікальним в Telegram.
5
Збережи токен — BotFather надішле рядок типу 7123456789:AAFgXxxx.... Це пароль твого бота. Скопіюй і збережи — він знадобиться далі.
🔐 Безпека токена — критично важливо

Токен — це як пароль від банківського акаунту бота. Хто має токен — керує ботом повністю. Ніколи не публікуй токен у GitHub, не відправляй у чат, не вставляй прямо в код. Ми зберігатимемо його у файлі .env, який не виходить назовні.

Поки BotFather відкритий, можеш одразу налаштувати ще кілька речей:

  • /setdescription — короткий опис що робить бот (показується до початку чату)
  • /setuserpic — аватарка бота (надішли звичайне фото)
  • /setcommands — список команд з підказками (юзер побачить їх у меню ⌨️)
04 / Крок 2

💻 Cursor та перший промпт

Тут починається вайб-кодинг. Ти не пишеш Python — ти описуєш що хочеш, а AI будує це за тебе.

Спочатку: чи є Python на комп'ютері?

Відкрий термінал (Windows: Win+R → cmd, Mac: Terminal) і виконай:

python --version

✅ Бачиш Python 3.x.x → все ок, йди далі.
❌ Помилка або "не знайдено" → йди на python.org/downloads, завантаж Python 3.12. При встановленні на Windows обов'язково постав галочку "Add Python to PATH". Після встановлення перевір знову.

🐍 Крок 0: Ізолюємо проект (venv)

Перш ніж встановлювати пакети — створи virtual environment. Це ізольоване середовище для кожного проекту. Без нього пакети різних проектів конфліктують.

cd my-first-bot # Створити venv python -m venv venv # Активувати (Windows) venv\Scripts\activate # Активувати (Mac/Linux) source venv/bin/activate # Ти побачиш (venv) у терміналі — це означає що venv активовано ✅ # Тепер встановлюємо пакети pip install pyTelegramBotAPI python-dotenv # Зберегти список залежностей pip freeze > requirements.txt

Також додай у .gitignore: venv/ — ця папка не повинна йти на GitHub.

Варіант 1 (рекомендований): встанови Cursor — редактор коду з вбудованим AI. Є безкоштовний план з місячним лімітом AI-запитів (актуальні цифри — на cursor.com). Йди на cursor.com, завантаж і встанови. 3 хвилини.

Варіант 2: використовуй claude.ai або chatgpt.com прямо в браузері. Вставляй промпти, копіюй код у файли вручну.

1
Створи папку проекту — наприклад, my-first-bot у зручному місці на комп'ютері
2
Відкрий у Cursor — File → Open Folder → обери папку. Або перетягни папку у вікно Cursor.
3
Відкрий AI-чат — натисни Ctrl+L (або Cmd+L на Mac). Відкриється панель чату.
4
Встав перший промпт — скопіюй блок нижче і надішли
ПРОМПТ ДЛЯ AI — Перший бот
Зроби Telegram бота на Python. Використовуй pyTelegramBotAPI (telebot). Бот повинен: - /start — надсилати привітання з ім'ям користувача (message.from_user.first_name) і 3 inline-кнопки: "📖 Про нас", "📞 Контакти", "🎁 Отримати матеріал" - Кожна inline-кнопка має callback_data ("about", "contacts", "material") - Обробники callback_query для кожної кнопки — відповідати текстом-заглушкою і викликати bot.answer_callback_query(call.id) - /help — показати список можливостей бота - Будь-яке інше текстове повідомлення → "Скористайся /help щоб дізнатись що я вмію" Токен читати зі змінної середовища BOT_TOKEN через os.environ або python-dotenv. Створи: bot.py, requirements.txt, .env.example

AI згенерує три файли. Ось що з ними робити:

5
Збережи файли — Cursor може одразу створити їх у папці. Якщо ні — скопіюй код вручну в bot.py, requirements.txt, .env.example
6
Створи .env — скопіюй .env.example → перейменуй у .env → вписати токен: BOT_TOKEN=7123456789:AAFgXxxx...
7
Захисти токен (.gitignore) — створи у папці проекту файл .gitignore з таким вмістом: .env на першому рядку і __pycache__/ на другому. Тепер git ніколи не завантажить твій токен на GitHub.
8
Встанови залежності — відкрий термінал у папці проекту, виконай: pip install -r requirements.txt
9
Запусти бота — виконай: python bot.py. Якщо все правильно — побачиш "Bot started polling..."
10
Перевір в Telegram — знайди свого бота за username, натисни /start. Побачиш привітання з кнопками. Це твій бот. Він живий 🎉
Щось не запустилось?

Скопіюй текст помилки з терміналу і вкинь в Cursor або Claude: "Отримую цю помилку при запуску Telegram бота, допоможи виправити: [текст помилки]". AI виправляє 95% типових помилок першого запуску за одне повідомлення.

05 / Крок 3

🚀 Розширюємо функціональність

Базовий бот є. Тепер перетворюємо його на інструмент для бізнесу. Три промпти — три великих покращення. Кожен наступний будується на попередньому.

Важливо: перед кожним промптом відкрий bot.py у Cursor і вкажи AI що це твій поточний файл (@bot.py в чаті Cursor). Так він зрозуміє куди додавати код.

A. Збираємо базу користувачів

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

ПРОМПТ ДЛЯ AI — База користувачів
До існуючого бота (@bot.py) додай: 1. При кожному /start зберігати юзера у файл users.json: - Якщо users.json не існує — створити автоматично як порожній список [] - Зберігати: user_id, username, first_name і joined_at (ISO datetime) - Якщо юзер вже є (шукати за user_id) — оновити дані і last_seen, не дублювати 2. Команда /stats — тільки для адміна (ADMIN_ID = ТВІЙ_TELEGRAM_ID): - На початку обробника: if message.from_user.id != ADMIN_ID: return - Показати: загальна кількість юзерів, дата першого і останнього запису
Де взяти свій Telegram ID?

Напиши боту @userinfobot у Telegram — він одразу відповість твоїм числовим ID. Виглядає як 123456789. Встав це число замість ТВІЙ_TELEGRAM_ID у промпті.

Inline vs Reply клавіатура — що коли

Inline-кнопки (які ми використовуємо) — прикріплені до конкретного повідомлення, відповідають через callback_query. Ідеально для меню, вибору, підтверджень.

Reply-клавіатура — з'являється замість звичайної клавіатури внизу екрану. Юзер "тисне" кнопку і вона надсилає текст як звичайне повідомлення. Зручна для постійних дій типу "Головне меню".

Якщо хочеш інший тип — скажи AI: "замість inline-кнопок зроби reply-клавіатуру".

B. Розсилка всім користувачам

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

ПРОМПТ ДЛЯ AI — Розсилка
До існуючого бота (@bot.py) додай команду /broadcast (тільки адмін, ADMIN_ID вже є в коді): 1. /broadcast → бот відповідає "Введи текст розсилки:" і чекає наступне повідомлення (використай register_next_step_handler для отримання тексту розсилки) 2. Отриманий текст надіслати кожному user_id зі списку users.json: - Використати parse_mode="HTML" щоб підтримувати <b>жирний</b> і <i>курсив</i> - Між кожним надсиланням — time.sleep(0.05) щоб не перевищити ліміт Telegram - Обгорнути в try/except: при будь-якій помилці — додати user_id до окремого списку failed_ids 3. Після завершення циклу — видалити failed_ids з users.json (не під час ітерації!) і зберегти оновлений список 4. Надіслати адміну: "✅ Надіслано: X\n❌ Помилок (видалено): Y"
Якщо розсилка "забула" текст

register_next_step_handler тримає стан у пам'яті процесу. Якщо бот перезапуститься (редеплой, краш) саме коли він чекає на текст розсилки — стан загубиться, і треба просто запустити /broadcast заново. Для навчального бота це нормально; для великого продакшену стан виносять у базу.

C. Видача платного матеріалу

Це перетворює бота на справжній продукт. Хтось заплатив — отримує матеріал. Ні — отримує красиву відмову з посиланням де купити.

ПРОМПТ ДЛЯ AI — Платний контент
До існуючого бота (@bot.py): 1. Callback для кнопки "🎁 Отримати матеріал": - Прочитати paid_users.json (якщо файл не існує — вважати список порожнім) - paid_users.json зберігає список числових user_id: [123456, 789012, ...] - user_id зберігати і порівнювати як число (int): якщо call.from_user.id є у списку → надіслати матеріал - Якщо ні → надіслати повідомлення про PRO-доступ - Завжди викликати bot.answer_callback_query(call.id) 2. Команда /addpaid (тільки адмін, ADMIN_ID вже є в коді): - Формат: /addpaid 123456789 - Валідувати що аргумент — число, додати int до списку, зберегти у paid_users.json 3. Команда /removepaid (тільки адмін): - Формат: /removepaid 123456789 - Видалити зі списку і зберегти у paid_users.json
Про paid_users.json

Поки що ми керуємо платними юзерами вручну. Це ок для старту — ти приймаєш оплату (Monobank, PayPal), і додаєш людину командою /addpaid. В секції про монетизацію поговоримо як автоматизувати це через Telegram Stars.

D. AI-асистент в боті — підключаємо Claude або GPT

Найпотужніший апгрейд: замість жорстко прописаних відповідей — реальний AI, який розуміє будь-яке запитання і відповідає розумно. Твій бот стає персональним асистентом для кожного юзера.

ПРОМПТ ДЛЯ AI — Claude в боті
До існуючого бота (@bot.py) додай AI-чат на базі Claude: - Ключ ANTHROPIC_API_KEY бери з .env через os.environ - pip install anthropic (додай у requirements.txt) - Зберігай в словнику conversation_history = {} до 20 останніх повідомлень per user_id - При будь-якому текстовому повідомленні від юзера: 1. Додай його в history як {"role": "user", "content": text} 2. Виклич claude-haiku-4-5 (найдешевша модель) з history[-20:] 3. system: "Ти корисний асистент у Telegram-боті. Відповідай лаконічно." 4. max_tokens=512 5. Додай відповідь в history: {"role": "assistant", "content": reply} 6. Надішли відповідь юзеру через bot.reply_to() - Команда /clearhistory — очищує conversation_history[user_id] - Обгорни виклик API в try/except — при помилці пиши "Наразі AI недоступний, спробуй пізніше"
💰 Скільки коштує AI в боті?
  • Claude Haiku — $1/млн вхідних + $5/млн вихідних токенів. При 50 юзерах і 30 повідомленнях/день — ~$1–3/місяць
  • GPT-4o mini — $0.15/млн вхідних + $0.60/млн вихідних — ще дешевше для простих задач
  • Обмеження history до 20 повідомлень — без цього витрати ростуть нескінченно
🎯 Ідеї для AI-бота
  • Персональний тренер з нутриції/фітнесу (system prompt задає спеціалізацію)
  • Бот-підтримки для твого бізнесу (system prompt = FAQ твого продукту)
  • Бот для вивчення мов (перекладає, пояснює граматику)
  • Консультант у ніші (юрист-початківець, рієлтор, маркетолог)

E. FSM — багатокрокові сценарії

Реєстрація, оформлення замовлення, вікторина — все це вимагає кількох кроків. FSM (Finite State Machine) дозволяє боту "пам'ятати" де знаходиться кожен юзер.

ПРОМПТ ДЛЯ AI — FSM реєстрація
До існуючого бота (@bot.py) додай багатокроковий сценарій реєстрації через FSM: - Встанови StateMemoryStorage для боту - Створи клас RegistrationStates(StatesGroup) зі станами: waiting_name, waiting_email - Команда /register: 1. Надіслати "Як тебе звати?" → встановити стан waiting_name 2. Отримати ім'я → зберегти в bot.retrieve_data() → запитати email → стан waiting_email 3. Отримати email → зберегти ім'я і email у users.json → завершити → delete_state 4. Надіслати "✅ Зареєстровано! Привіт, {ім'я}!" - Додай custom_filter StateFilter(bot) перед infinity_polling()

F. Коли щось іде не так — промпт для дебагу

Бот впав або не відповідає? Це нормально. Ось універсальний промпт який вирішує 95% проблем:

ПРОМПТ ДЛЯ AI — Дебаг помилки
Мій Telegram бот на pyTelegramBotAPI видає помилку при запуску (або при певній дії). Повний текст помилки з терміналу: [СКОПІЮЙ ВЕСЬ ТЕКСТ — від слова "Traceback" до кінця] Мій код bot.py: [ВСТАВИТИ ВМІСТ ФАЙЛУ] Що саме не так? Поясни причину і виправ код.
Типові помилки першого бота

ModuleNotFoundError: No module named 'telebot' — забув pip install -r requirements.txt

Unauthorized — токен неправильний або не записаний у .env

JSONDecodeError — users.json пошкоджений. Видали файл, бот створить новий

Кнопка не відповідає — немає обробника callback_query або не викликається answer_callback_query

06 / Крок 4

☁️ Деплой на Railway — бот живе 24/7

Зараз твій бот працює тільки поки відкритий термінал. Закрив — бот мертвий. Виправляємо це за 10 хвилин.

Railway.app — платформа хостингу яка за кілька кліків запускає Python-скрипти в хмарі. Дає стартовий Trial-кредит $5, якого вистачає протестувати бота (кредит згорає через 30 днів). Для постійної роботи — план Hobby $5/місяць. Найпростіший варіант для старту; якщо потрібно справді безкоштовно — дивись альтернативи в кінці розділу.

Крок 0: Підготуй файл Procfile

Створи файл Procfile (без розширення) у корені проекту:

worker: python bot.py

Увага: worker:, не web: — для polling-бота! web: чекає на HTTP-порт і вбиватиме процес.

1
Завантаж код на GitHub — зареєструйся на github.com. Створи новий приватний репозиторій (my-first-bot). Завантаж bot.py, requirements.txt і Procfile. Файл .envне завантажуй.
2
Реєструйся на Railway — йди на railway.app → авторизуйся через GitHub. Trial-кредит $5 — вистачить протестувати 10–30 днів. Hobby план — $5/місяць.
3
Підключи репозиторій — "New Project" → "Deploy from GitHub repo" → обери my-first-bot. Railway автоматично визначить Python через requirements.txt.
4
Додай змінні середовища — вкладка "Variables" → додай: BOT_TOKEN=твій_токен. Якщо є Claude/GPT — додай ще ANTHROPIC_API_KEY або OPENAI_API_KEY.
5
Deploy! — Railway автоматично деплоїть і при кожному наступному git push. Статус "Active" у Logs → бот живе 24/7 ✅
⚠️ Важливо: users.json на Railway

Файлова система Railway скидається при кожному деплої. Це означає, що users.json зникне після кожного push. Щоб цього не сталось — є два шляхи:

Варіант 1 (просто): підключи Railway Volume (платно, ~$0.25/ГБ) — постійне сховище файлів.

Варіант 2 (краще для продакшену): підключи безкоштовну базу даних Supabase (supabase.com → безкоштовний PostgreSQL 500МБ) і скажи AI: "Перенеси збереження users з JSON файлу на Supabase PostgreSQL".

Для тестування — Railway цілком ок. Для реального бота з клієнтами — вибери Варіант 2.

Переглядай логи коли щось іде не так

Бот впав на сервері? Railway Dashboard → обери сервіс → вкладка Logs. Бачиш всі повідомлення бота в реальному часі. Скопіюй помилку → передай AI з кодом → отримай виправлення → зроби push → бот знову живий.

Безкоштовні альтернативи Railway

PythonAnywhere.com — найпростіший справді безкоштовний варіант: дозволяє запускати always-on скрипт цілодобово. Без GitHub-інтеграції, код завантажуєш вручну — але для polling-бота цього достатньо.

Render.com — безкоштовний тир є тільки для веб-сервісів, і вони засинають після 15 хв без активності (для polling-бота та прийому платежів не годиться без хитрощів). Background Workers у них уже платні.

Власний VPS ($3-5/міс у Hetzner, DigitalOcean або adm.tools) — повний контроль, необмежено файлів, не засинає, але треба знати базові команди Linux.

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

07 / Монетизація

💰 Як заробляти на боті

Бот запущений. База користувачів росте. Тепер найцікавіше — як перетворити це на гроші.

Telegram Stars — вбудовані платежі без зайвих інструментів

Telegram запустив власну платіжну систему — Telegram Stars. Офіційний спосіб приймати оплату прямо в боті без сторонніх провайдерів. Юзер натискає кнопку → платить зірками → ти отримуєш гроші. Виводяться у фіат через Fragment (fragment.com).

Реальна економіка Stars — знай заздалегідь

Важливий нюанс, який часто перекручують: коли користувач купує Stars на iPhone чи Android, Apple і Google беруть свої ~30% — це закладено в ціну Stars і від тебе не залежить (на десктопі та в Telegram Web цього збору майже немає). Сам Telegram з твоєї виплати 30% не бере.

Тобі як розробнику Telegram виплачує приблизно $0.013 за 1 Star (близько 65% від номіналу $0.02). Вивід — через Fragment на TON-гаманець, далі в фіат, зі спредом ~2-3%.

Мінімальний вивід — 1000 Stars (≈ $13). Тобто перші продажі накопичуються, поки не набереться поріг. Став ціну з невеликим запасом на ці витрати.

ПРОМПТ ДЛЯ AI — Telegram Stars оплата
До існуючого бота (@bot.py) додай оплату через Telegram Stars: 1. Кнопка "💳 Купити доступ" — надіслати invoice через bot.send_invoice(): - title: "PRO Доступ" - description: "Доступ до всіх матеріалів" - payload: "pro_access" - currency: "XTR" ← важливо: саме XTR для Stars, не USD - prices: [LabeledPrice("PRO Доступ", 100)] ← 100 Stars - provider_token: "" ← порожній рядок для Stars (цифровий товар) 2. Обробник pre_checkout_query — завжди відповідати bot.answer_pre_checkout_query(ok=True) 3. Обробник successful_payment: - Додати user_id в paid_users.json (якщо файл не існує — створити []) - Надіслати: "✅ Оплата отримана! Доступ відкрито."
⚠️ Для платежів хостинг не повинен "спати"

Telegram дає боту лише 10 секунд, щоб відповісти на pre_checkout_query — інакше оплата провалюється. Тому хостинг, який засинає від неактивності (наприклад безкоштовний Render Web Service), для прийому Stars не підходить: перший платіж після "сну" не пройде. Для платежів бери хостинг, що працює завжди — Railway Hobby, PythonAnywhere або VPS.

Моделі монетизації

  • Разовий продаж — цифровий продукт (гайд, шаблон, пресет). Купив один раз → отримав доступ. Найпростіше.
  • Підписка — щомісячна оплата за доступ до матеріалів. AI напише логіку перевірки дати закінчення.
  • Курс-бот — серія уроків, кожен наступний відкривається через певний час або після завдання.
  • Сервіс підтримки — бот відповідає на FAQ, економить твій час. Окремо продаєш консультації.
Реальні цифри пасивного доходу

200 підписників бота
× 5% конверсія
× $10 за місяць або продукт
= $100/місяць

500 підписників × 8% × $15 = $600/місяць

Це реальні цифри нішевих ботів з аудиторією що довіряє. Бот не спить, не хворіє, не просить підвищення.

Наступні кроки

  • Замінити users.json на SQLite або PostgreSQL — коли база виросте понад 1000 юзерів
  • Реферальна система — юзер ділиться посиланням, отримує бонус
  • Аналітика — скільки людей натискають кожну кнопку
  • Воронка — серія автоматичних повідомлень після /start

"Я зробила бота за один вечір після цього курсу. Зараз він видає мої Lightroom-пресети після оплати через Stars. Заробила перші 2400 грн за два тижні — і жодного разу не відкривала ноутбук щоб це зробити. Просто поширила посилання в своєму Instagram."

— Аліна, фотограф, Київ

Ти щойно запустив свого першого бота

У тебе тепер є бот який живе в хмарі, відповідає юзерам і може приймати оплату. Це не пет-проект — це інфраструктура для бізнесу. І в тебе вже є доступ до того, що далі:

  • 🗄️ Бази даних без болю: Supabase — дані продукту більше не зникнуть
  • 💳 Приймаємо оплату в продукті — Stripe, LiqPay, Telegram Stars
  • 🤝 Перші клієнти і перші гроші — як знайти і продати
  • Особиста підтримка та консультації в Telegram

Усі ці курси вже доступні в розділі «Курси» — твоя PRO-підписка активна.

Claude, GPT чи Gemini
УРОК 01 ⏱ ~8 хвилин

Claude, GPT чи Gemini — що обрати вайбкодеру

Чесне порівняння трьох головних AI для написання коду — без маркетингу і без води

01 / Навіщо взагалі розбиратись

🤔 Один запит — три різні результати

Claude, ChatGPT і Gemini — всі три вміють писати код. Але між ними є реальна різниця яка впливає на швидкість роботи і якість результату.

Вайбкодер витрачає 80% часу на спілкування з AI. Чим краще ти розумієш інструмент — тим менше ітерацій і менше часу на виправлення.

"Я не думаю який AI використовувати для кожної задачі — я просто знаю. Це як вибирати між викруткою і молотком."

02 / Claude

🧠 Claude від Anthropic — чемпіон кодування

Станом на 2025-2026 — найкращий варіант для написання реального коду. Підтверджено незалежними бенчмарками і реальними кейсами.

Сильні сторони + реальні цифри
SWE-bench Verified: Claude Sonnet 4.6 вирішує 77% реальних GitHub-задач з першої спроби — найвищий показник серед популярних моделей. 95% AI-коду в Cursor-сесіях з Claude виходить робочим. Anthropic сама пише 80% свого production-коду через Claude. Контекстне вікно до 1 млн токенів — може читати весь великий проект одночасно.
⚠️
Слабкі сторони
Безкоштовний план обмежений — кілька повідомлень і ліміт. Не генерує зображення. Пошук в інтернеті є, але слабший ніж у конкурентів.
Моделі Claude — яку обирати
  • Claude Haiku — найшвидший і найдешевший. Для простих задач, швидких відповідей у боті. 73%+ на SWE-bench.
  • Claude Sonnet — золота середина. Для більшості проектів — оптимальний вибір. 77%+ на SWE-bench.
  • Claude Opus — найрозумніший. Для складних архітектурних рішень. 81%+ на SWE-bench.
03 / ChatGPT

💬 ChatGPT від OpenAI

Найвідоміший AI у світі. Величезна спільнота, тонни прикладів і туторіалів — це реальна перевага коли вчишся.

Сильні сторони
Найбільша база прикладів і туторіалів в інтернеті. Має вбудований пошук в реальному часі. Code Interpreter запускає код і аналізує дані прямо в чаті. Є безкоштовний доступ до актуальної моделі (з лімітами; яка версія зараз флагман — дивись на chatgpt.com).
⚠️
Слабкі сторони
Частіше вигадує бібліотеки і функції що не існують — особливо для нових технологій. Для складного коду дає гірший результат ніж Claude. На безкоштовному плані ліміт на топову модель швидко закінчується.
Коли обирати ChatGPT

Для навчання — є безліч туторіалів саме під нього. Для аналізу даних і таблиць. Для швидких простих запитань. Або просто якщо вже звик і зручно — це теж аргумент.

04 / Gemini

✨ Gemini від Google

Розвивається дуже швидко. Головна перевага — щедрий безкоштовний план і глибока інтеграція з Google-сервісами.

Сильні сторони
Щедрий безкоштовний тир без жорстких щоденних лімітів. Величезне контекстне вікно (до ~1 млн токенів) — може "читати" цілий проект за раз. Вбудований пошук в реальному часі. Ідеальний для роботи з Google Docs, Sheets, Gmail.
⚠️
Слабкі сторони
Якість коду поступається Claude і топовим моделям OpenAI. Менш передбачуваний результат — одна і та ж задача може давати різні відповіді. Менше готових інструментів для розробників.
Коли обирати Gemini

Коли потрібно безкоштовно і без жорстких лімітів. Для простих задач або як запасний варіант. Для роботи з Google-екосистемою — тут він поза конкуренцією.

05 / Шпаргалка

📋 Коротко: що і коли

  • Будуєш реальний проект — Claude (Sonnet). Точніший, надійніший, менше правок.
  • Вчишся, шукаєш туторіали — ChatGPT. Найбільша база матеріалів онлайн.
  • Потрібно безкоштовно без реєстрації картки — Gemini Flash (1500 безкоштовних запитів/день через API).
  • Використовуєш Cursor або Claude Code — вже на Claude, нічого обирати не треба.
  • Bolt.new або Lovable — мають власні моделі, просто описуй задачу.
  • Складна математика або алгоритми — reasoning-модель OpenAI (o-серія чи новіша — актуальну назву дивись на chatgpt.com).
💡 Стратегія досвідчених вайбкодерів

Два AI замість одного: зовнішній (Claude.ai / ChatGPT) — для планування і архітектури. Вбудований (Cursor, Claude Code) — для виконання. Так отримуєш чистий план без зайвого контексту — і точне виконання з розумінням кодової бази.

Більшість досвідчених вайбкодерів мають акаунти в усіх трьох і перемикаються. Починай з Claude — і додавай інші в міру потреби.

Де купити API
УРОК 02 ⏱ ~6 хвилин

Де купити API і як не злити бюджет

Що таке API-доступ, де його взяти і як контролювати витрати щоб не отримати неприємний рахунок

01 / Що таке API

🔌 API — що це і навіщо

API (Application Programming Interface) — це прямий програмний доступ до AI-моделі. Замість того щоб спілкуватись з нею через сайт, ти звертаєшся до неї зі свого коду.

Якщо ти будуєш Telegram бота що відповідає за допомогою AI, чи застосунок де є "розумний" чат — ти підключаєш API.

Коли API не потрібне

Якщо ти просто будуєш сайти через Bolt або Lovable — API не потрібне взагалі, воно вбудоване в ці інструменти. Cursor і Claude Code теж самі керують API — ти платиш їм підписку. API потрібне лише коли пишеш свій код що звертається до AI напряму.

02 / Claude API

🧠 Claude API від Anthropic

Найкращий вибір для серйозних проектів де важлива якість і точність відповідей.

1️⃣
Де купити: console.anthropic.com
Реєстрація → Settings → Billing → Add credits. Мінімальне поповнення $5. Одразу генеруєш API ключ у розділі API Keys.
💰
Моделі і орієнтовні ціни
Claude Haiku — найдешевший і найшвидший, для простих задач. Claude Sonnet — найкращий баланс ціни і якості, для більшості проектів. Claude Opus — найдорожчий і найрозумніший, для складних задач. Актуальні ціни — на anthropic.com/pricing.
03 / OpenAI API

💬 OpenAI API

Найпопулярніший API у світі — величезна спільнота, тонни прикладів коду і бібліотек.

1️⃣
Де купити: platform.openai.com
Реєстрація → Billing → Add payment method → Buy credits. Мінімум $5. API ключ генеруєш у розділі API keys.
💰
Моделі
У OpenAI кілька тирів: дешеві швидкі моделі для простих задач, флагман для балансу якість/ціна, і потужніші ризонінг-моделі для складних логічних задач. Назви версій швидко змінюються — актуальний список і ціни дивись на platform.openai.com.
04 / Gemini API

✨ Gemini API — найкращий старт без грошей

Пам'ятаєш урок про вибір моделі? Gemini Flash — це найщедріший безкоштовний API для першого проекту. Ключ за 10 секунд, без картки.

1️⃣
Де взяти: aistudio.google.com
Заходиш через Google-акаунт → "Get API key" → "Create API key". Ключ готовий за 10 секунд, картку прив'язувати не треба.
🎁
Безкоштовний тир Gemini Flash
Gemini 2.5 Flash: до 1,500 запитів/день безкоштовно — для першого бота цього більш ніж достатньо. Платний тир: $0.30 за 1 мільйон вхідних токенів (у 10 разів дешевше Claude). Актуальні ліміти дивись на ai.google.dev.
💡 Порада для старту

Хочеш спробувати API руками без ризику? Gemini Flash — ідеальний старт. Зроби першого бота, відчуй як це працює. Коли проект виросте і потрібна максимальна якість — докупиш Claude чи OpenAI.

05 / Як влаштований біллінг

📊 Токени і реальні ціни

Обидва API рахують гроші по токенах — за вхідний текст (твій запит) і за вихідний (відповідь AI).

  • 1 токен ≈ 4 символи англійського або ≈ 3 символи українського тексту
  • Типове повідомлення в чаті — 100–500 токенів
  • Типова відповідь з кодом — 500–2000 токенів
  • Весь контекст розмови надсилається кожен раз — довга розмова = більше токенів
📋 Порівняльна таблиця цін (за 1 млн токенів)
  • Gemini Flash (вхід/вихід) — $0.30 / $2.50 — найдешевший
  • GPT-4o mini (вхід/вихід) — $0.15 / $0.60 — для простих задач
  • Claude Haiku (вхід/вихід) — $1 / $5 — швидкий і якісний
  • Claude Sonnet (вхід/вихід) — $3 / $15 — найкращий баланс
  • GPT-4o (вхід/вихід) — $2.50 / $10 — популярний вибір
Скільки реально коштує твій проект
  • Telegram бот з 50 запитами/день на Claude Haiku — ~$1–3/місяць
  • Активний SaaS з сотнями запитів/день на Sonnet — $10–30/місяць
  • Для першого проекту $10 на рахунку — вистачить на місяці роботи
06 / Як не злити бюджет

🛡 3 правила контролю витрат

  • Встанови місячний ліміт. В обох консолях є налаштування максимальних витрат за місяць. Постав $10-20 — і API просто зупиниться якщо досягнеш ліміту.
  • Використовуй дешевші моделі для простих задач. Найдешевші тири (Claude Haiku, mini-моделі OpenAI) коштують у десятки разів менше ніж флагмани — і для більшості задач дають цілком достатній результат.
  • Не запускай петлі без обмежень. Якщо в коді є цикл що викликає API — завжди обмежуй кількість ітерацій. Один баг в циклі може за хвилину витратити весь бюджет.

Завжди починай з малого поповнення — $5-10. Подивись скільки реально витрачаєш за тиждень, тоді приймай рішення про більше поповнення.

Промпти що дають результат
УРОК 03 ⏱ ~12 хвилин

Промпти що дають результат

Чому один і той самий AI дає геніальну відповідь одній людині і посередній результат іншій — і як завжди бути першим

01 / Чому промпт вирішує все

✍️ Той самий AI — різні результати

Уяви двох людей. Обидва просять Claude написати Telegram бота. Перший отримує робочий код з першої спроби. Другий — тричі переписує і все одно щось не так.

Різниця не в AI і не у знаннях програмування. Різниця — у промпті.

"Prompt engineering is the new programming. Якщо ти не вмієш складати точні промпти — ти використовуєш 20% потенціалу AI." — практика топових вайбкодерів 2025

📊 Цифри які варто знати
  • Claude розв'язує 95% задач з першої спроби — але тільки при чіткому промпті
  • Добре структурований промпт скорочує кількість ітерацій в 3–5 разів
  • Розробники з навичками промптингу будують в 10× швидше за тих хто цього не знає

Хороший промпт — це не магія і не талант. Це структура. І вона засвоюється за 20 хвилин практики.

02 / Базова структура

🏗 З чого складається хороший промпт

Хороший промпт для коду має 4 обов'язкових елементи. Чим більше заповнені — тим точніший результат.

  • Контекст — що за проект, яка технологія, що вже є
  • Задача — що конкретно потрібно зробити
  • Обмеження — що НЕ змінювати, який стиль тримати
  • Формат відповіді — тільки код, чи з поясненням, чи покроково
Шаблон для будь-якої задачі з кодом

Я будую [ЩО]. Технологія — [СТЕК]. Мені потрібно [ЗАДАЧА]. Важливо: [ОБМЕЖЕННЯ]. Дай [ФОРМАТ ВІДПОВІДІ].

03 / CRTSE — Просунутий фреймворк

🎯 Фреймворк для ідеальних промптів

Коли базова структура недостатня — використовуй CRTSE. Це фреймворк який застосовують провідні AI-розробники для складних задач.

C
Context — Контекст проекту
Що за проект, яка мета, хто користувачі, яка технологія. Чим більше релевантного контексту — тим краще AI розуміє ЩО ти будуєш.
R
Role — Роль AI
Яким спеціалістом повинен поводитися AI: "Senior Python developer", "UX designer", "DevOps engineer". Роль різко підвищує якість відповіді.
T
Task — Конкретна задача
Що саме потрібно зробити. Один чіткий глагол: "реалізуй", "виправ", "проаналізуй", "перепиши". Одна задача — один промпт.
S
Standards — Стандарти і обмеження
Що НЕ змінювати, які стандарти дотримуватися, які edge cases врахувати. "Не змінюй CSS. Підтримуй Python 3.11+. Обробляй помилки."
E
Examples — Приклади
Покажи приклад вхідних даних і очікуваного результату. Або покажи схожий код де все правильно. AI вчиться на прикладах краще ніж на описах.
Приклад CRTSE-промпту в дії

Ти Senior Python developer з досвідом Flask і SQLite.

Контекст: я будую Telegram бота (Flask + pyTelegramBotAPI), є БД users з полями id, username, subscription.

Задача: реалізуй функцію check_subscription(user_id) яка повертає True якщо підписка активна.

Стандарти: Python 3.11, type hints обов'язкові, обробляй виключення, не змінюй інші функції в db.py.

Приклад: check_subscription(123) → True якщо subscription='pro' і subscription_until > now().

04 / Role Prompting

🧑‍💼 AI як Senior Developer

Одна з найпотужніших технік — попросити AI грати роль конкретного спеціаліста. Різниця колосальна.

😐
Без ролі
"Напиши функцію для авторизації" → отримаєш простий базовий код без безпеки, без обробки помилок, без коментарів.
🚀
З роллю Senior Developer
"Ти Senior Python developer з 10+ роками досвіду. Напиши функцію для авторизації" → отримаєш: type hints, exception handling, security considerations, документацію, edge cases.
📋 Корисні ролі для вайбкодингу
  • Senior Python/JS developer — для написання чистого коду
  • Security expert — для перевірки вразливостей
  • UX designer — для покращення інтерфейсу
  • Code reviewer — для ревью і рефакторингу
  • DevOps engineer — для деплою і конфігурацій
  • Technical writer — для документації API
05 / CLAUDE.md — Пам'ять проекту

🧠 Файл що знає все про твій проект

Уяви що AI "забуває" контекст кожного разу. Ти знову і знову пояснюєш що за проект, яка технологія, які правила. Це виснажливо — і для тебе, і для токенів.

Рішення — файл CLAUDE.md (або AGENTS.md для інших моделей) в корені проекту. Claude Code і Cursor автоматично читають його і "знають" твій проект без повторних пояснень.

Що писати в CLAUDE.md
  • Опис проекту (1–2 речення): що це, для кого
  • Технологічний стек: Python 3.11, Flask, SQLite, Vanilla JS
  • Структура папок і ключові файли
  • Правила коду: "завжди type hints", "PEP8", "без jQuery"
  • Команди запуску і деплою
  • Що НЕ робити: "не змінюй схему БД без попередження"

"CLAUDE.md — це як онбординг документ для нового розробника. Але цей 'розробник' читає його миттєво і ніколи не забуває."

80% часу AI витрачає на розуміння контексту. CLAUDE.md усуває цю проблему назавжди.

06 / Помилки новачків

❌ Що робить більшість неправильно

Занадто розмито
"Зроби мені бота" — AI не знає що за бот, для чого, яка технологія. Результат — щось загальне що не відповідає очікуванням.
Без контексту проекту
"Додай кнопку" — яку кнопку? До чого? В якому файлі? Без контексту AI вигадує щось і це рідко підходить до твого існуючого коду.
Кілька задач одразу
"Зроби форму, додай валідацію, підключи до бази і зроби красивою" — AI намагається зробити все й одразу і часто щось пропускає. Одна задача за раз — золоте правило.
Немає "Do NOT" обмежень
"Покращ цей код" без обмежень → AI може переписати все, змінити структуру, порушити роботу інших частин. Завжди додавай: "Не змінюй назви функцій. Не чіпай CSS. Не переписуй логіку авторизації."
Не дають код для контексту
Питають "чому не працює?" без коду, без помилки, без опису що відбувається. AI не телепат — надсилай код, помилку і що саме очікуєш.
07 / Готові шаблони

📋 Copy-paste шаблони для типових задач

Виправити помилку

Ось помилка яку я отримую: [ТЕКСТ ПОМИЛКИ].
Ось код де вона виникає: [КОД].
Виправ тільки цю помилку, решту коду не чіпай.

Додати нову функцію

Ось мій існуючий код: [КОД].
Додай до нього [ФУНКЦІЯ].
Стиль і структуру коду зберігай як є. Поверни тільки змінені частини файлу.

Рефакторинг без зміни поведінки

Зроби цей код чистішим і читабельнішим: [КОД].
Не змінюй логіку роботи і назви публічних функцій.
Додай коментарі де неочевидна логіка.

Написати тести

Напиши unit тести для цієї функції: [КОД].
Використовуй [pytest / jest / unittest].
Покрий: нормальний кейс, граничні значення, помилкові вхідні дані.

Пояснити код просто

Поясни цей код простими словами, без технічних термінів, як ніби я ніколи не програмував: [КОД]

Спроектувати архітектуру

Я хочу збудувати [ЩО]. Технологія: [СТЕК]. Очікуване навантаження: [ЦИФРИ].
Запропонуй архітектуру: структуру файлів, БД схему, ключові endpoints. Не пиши код — тільки план.

08 / Стратегія двох двигунів

⚙️ Як будують найшвидші вайбкодери

Топові вайбкодери у 2025 використовують потужну стратегію: два різні AI для двох різних задач.

🧠 Двигун #1 — Планування (зовнішній LLM)

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

⚡ Двигун #2 — Виконання (вбудований LLM)

Використовуй Claude Code або Cursor для реалізації: писати і редагувати конкретний код, запускати команди, читати файли проекту. Тут потрібен доступ до файлової системи і швидка ітерація.

  • Спочатку питай в Claude.ai: "Як краще спроектувати цю функцію?"
  • Отримай план і перейди в Cursor/Claude Code для реалізації
  • Якщо щось пішло не так — поверни проблему в Claude.ai для аналізу
  • Результат: менше тупиків, більше якісного коду з першої спроби

"Planning LLM + Execution LLM = 10× продуктивність. Найкращий інструмент для планування — не той що пише код. Найкращий для коду — не той що планує."

09 / До і після

🔄 Реальні приклади трансформації

Ось наочна різниця між поганим і хорошим промптом для однієї задачі:

Поганий
"Зроби щоб кнопка була красива"
Хороший
"Ось кнопка в моєму HTML: [КОД]. Зроби її фіолетовою (#7c3aed), заокруглені кути 12px, тінь при наведенні, перехід 0.2s. Решту стилів не змінюй."
Поганий
"Чому не працює?"
Хороший
"Ось мій код: [КОД]. При натисканні кнопки нічого не відбувається — очікував модальне вікно. Консоль показує: [ПОМИЛКА]. Знайди причину і виправ тільки це."
Поганий
"Покращ мій код"
Хороший (CRTSE)
"Ти Senior Python developer. Ось функція авторизації: [КОД]. Покращ: додай type hints, обробку винятків, валідацію вхідних даних. НЕ змінюй: назву функції, логіку хешування, структуру повернення."

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

10 / Підсумок

💎 Головне що варто забрати

  • Хороший промпт = контекст + роль + задача + обмеження + формат
  • CRTSE фреймворк — для складних задач де важлива якість
  • Role prompting різко підвищує якість коду — "Senior developer" дає інший результат
  • CLAUDE.md у кожному проекті — AI знатиме контекст без повторень
  • "Do NOT" обмеження — так само важливо як "що зробити"
  • Стратегія двох двигунів: зовнішній LLM для планування, вбудований для коду
  • Одна задача за раз — золоте правило будь-якого промпту
🚀 Перший крок прямо зараз

Відкрий Claude або Cursor. Напиши промпт за CRTSE фреймворком для будь-якої задачі з твого поточного проекту. Порівняй результат з тим що давав раніше — і ти більше ніколи не повернешся до старих промптів.

Промпт-інжиніринг — це навичка. Вона росте з кожним проектом. Вже після першого тижня практики ти отримуватимеш точні результати з першої спроби у 9 випадках з 10.

Перший лендінг за 30 хв
FREE ⏱ ~15 хвилин читання

Твій перший лендінг за 30–60 хвилин

Від порожнього екрану до живого сайту в інтернеті — без коду і без встановлень

Д
Дмитро Засновник VibecodeAcademy · будує продукти з AI
01 / Результат

🎯 Що ти збудуєш сьогодні

Напевно ти вже думав про свій сайт. Може навіть починав — і бачив ціну у фрілансера ($300–800 за простий лендінг), або заплутався в конструкторах, або просто відклав "на потім". Сьогодні це зміниться.

Після цього курсу у тебе буде живий лендінг з посиланням яке можна відкрити на будь-якому пристрої і надіслати будь-кому. Не макет в Figma. Не скріншот. Реальна сторінка в інтернеті — за 30–60 хвилин.

📊 Що вже зробили люди без досвіду
  • Максим з Харкова — лендінг для барбершопу за 15 хвилин, отримав першого клієнта з сайту вже наступного тижня
  • Більше 8 мільйонів проектів вже створено через Bolt.new — це платформа з якою ми будемо працювати
  • $300–800 — скільки коштував би такий лендінг у веб-студії

Ми будемо використовувати Bolt.new — для цього потрібні тільки браузер і Google-акаунт.

02 / Інструмент

⚡ Чому Bolt.new

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

Bolt.new — для старту
7M+ користувачів, 8M+ проектів створено. Безкоштовний план дає достатньо для перших проектів — актуальні ліміти на bolt.new/pricing. Найшвидший результат з першого промпту. Публікація одним кліком на .bolt.host домен.
💜
Lovable.dev — для складніших задач
1M+ користувачів, потужніший для проектів з бекендом і складним UI. Для першого лендінгу — надлишок, але стає в нагоді пізніше. Детальніше — в наступних курсах.
🪟
v0 від Vercel — для React компонентів
Ідеальний для створення окремих UI компонентів і React-сторінок. Безкоштовний план, миттєве preview. Якщо ти вже хочеш в React — варіант.
Для сьогодні — тільки Bolt.new

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

03 / Промпт

✍️ Формула промпту що працює

Більшість новачків пишуть промпт надто коротко: "зроби мені сайт". Результат — щось дуже загальне і нудне.

Хороший промпт для лендінгу складається з 5 елементів:

  • Тема і ціль — що за продукт і навіщо ця сторінка
  • Стиль і настрій — темний/світлий, мінімалізм або насичений
  • Секції — що конкретно має бути на сторінці
  • Кольори — хоча б один акцентний колір щоб AI не фантазував
  • Головна дія — що має зробити відвідувач
Шаблон — скопіюй і підстав своє

Зроби лендінг для [ЩО ПРОДАЄШ]. Стиль — [ТЕМНИЙ або СВІТЛИЙ], [МІНІМАЛЬНИЙ або ЯСКРАВИЙ], акцентний колір [КОЛІР]. Секції: сильний заголовок з підзаголовком, блок з [3-4] перевагами, відгук клієнта, форма з кнопкою "[ТЕКСТ КНОПКИ]". Адаптивний під мобільний обов'язково.

Ось приклад реального промпту — можеш використати прямо зараз:

Зроби лендінг для онлайн-школи з вайбкодингу. Стиль — темний, мінімальний, фіолетові акценти. Секції: потужний заголовок, 4 переваги навчання, цитата учня, велика кнопка "Почати безкоштовно". Адаптивний під мобільний.

Цей промпт займає 20 секунд написати — а верстальник зробив би те саме за 3–5 годин і взяв би $150–400.

04 / Ітерація

🔄 Як правити результат

Перший результат майже ніколи не ідеальний. І це нормально — так само як перший скетч дизайнера. Далі починається ітерація.

Правила спілкування з AI при правках:

  • Конкретно вказуй що не так — не "виглядає погано" а "заголовок задовеликий, зменши"
  • По одній правці за раз — так AI не заплутається і не зламає решту
  • Якщо щось пішло не так — напиши "поверни як було" або використай History у Bolt щоб відкотити до попередньої версії коду
  • Хвали що подобається: "кнопка класна, але перемісти її вище"
Приклади правок що дають результат

"Зроби фон темнішим, майже чорним"

"Кнопка має бути більшою і яскраво-фіолетовою з тінню"

"Додай ще один відгук після першого"

"Зроби шрифт заголовку більшим і жирнішим"

Зазвичай 3–5 ітерацій — і сторінка виглядає саме так як ти хочеш. На це йде ще 10–15 хвилин.

05 / Публікація

🌐 Живе посилання за 1 клік

Коли сторінка тебе влаштовує — час опублікувати. У Bolt це один клік.

  • Знайди кнопку «Publish» у правому верхньому куті інтерфейсу
  • Bolt опублікує сайт і дасть посилання виду назва.bolt.host
  • Відкрий це посилання на телефоні — переконайся що все добре виглядає
  • Надішли комусь — хай скажуть що думають

Той момент коли вперше відкриваєш своє посилання на телефоні — і бачиш свій сайт — залишається в пам'яті надовго. Ти щойно запустив своє перше в житті.

На безкоштовному плані сайт публікується на .bolt.host домені. Власний домен — це вже наступний рівень.

"Ввів промпт з курсу в bolt.new — за 15 хвилин мав готову сторінку для свого барбершопу. Показав другу — він одразу попросив зробити йому таку ж."

— Максим, Харків
🚀

Лендінг є. Тепер — реальний продукт

Sabrine Matos зробила $456K ARR без жодного рядка коду. Pieter Levels — $1M ARR за 17 днів з AI. Різниця між ними і тобою: вони пішли далі першого лендінгу.

  • Перший Telegram бот з прийомом оплати — від нуля до живого продукту
  • Деплой на власний сервер і кастомний домен
  • База даних Supabase — дані продукту більше не зникають
  • Перший заробіток з вайбкодингу — покрокова система
  • Особиста підтримка та консультації в Telegram

Середній студент VibecodeAcademy запускає перший проект за 2–3 тижні. Без попереднього досвіду.

Скасування в один клік · Без прихованих платежів · Доступ до всіх курсів одразу

Git за 10 хвилин
УРОК 04 ⏱ ~6 хвилин

Git за 10 хвилин — машина часу для коду

Як зберігати робочі версії проекту і одним кліком повертатись назад, коли AI щось зламав

01 / Навіщо

⏮️ Найстрашніший момент новачка

Все працювало. Ти попросив AI додати "одну маленьку фічу" — і раптом застосунок не запускається взагалі. Просиш полагодити — стає ще гірше. Через годину ти вже не памʼятаєш, що саме було робочою версією.

Git вирішує це повністю. Це система, яка зберігає знімки твого проекту. Зробив крок — зберіг знімок. Щось пішло не так — повернувся до останнього робочого знімка за 2 секунди. Як збереження в грі перед складним босом.

Головна ідея одним реченням

Git — це кнопка "зберегти гру" для коду. Кожен коміт = точка, до якої ти завжди можеш повернутись.

02 / Три слова

📦 Усього три поняття

  • Репозиторій — папка твого проекту під наглядом Git. Створюється один раз.
  • Коміт (commit) — знімок усіх файлів на цей момент + короткий підпис "що зробив". Це і є твоя точка збереження.
  • Відкат (revert / checkout) — повернути файли до стану будь-якого попереднього коміту.

Усе. Більше для старту знати не треба. Гілки, merge, rebase — це пізніше, і часто для соло-проектів взагалі не знадобиться.

03 / Без терміналу

🖱️ Як це виглядає на практиці

Хороша новина: команди в терміналі вчити не треба. Усе є кнопками.

У Cursor / VS Code

Зліва є іконка гілки (Source Control). Там видно всі зміни. Пишеш короткий підпис → тиснеш Commit. Щоб відкотитись — права кнопка на коміті в історії → "Revert" / "Checkout".

Ще простіше: GitHub Desktop

Безкоштовна програма (desktop.github.com) з великими зрозумілими кнопками. "Commit to main" — зберегти знімок. "History" — уся стрічка твоїх знімків. Ідеально для початку.

Можеш навіть просто попросити AI: "закоміть поточні зміни з осмисленим підписом" — у Cursor він зробить це сам.

04 / Звичка

✅ Золоте правило вайбкодера

Працює — закоміть. Щоразу, коли застосунок робить щось нове і не падає — збережи знімок. Це 5 секунд, які рятують години.

Тоді будь-який експеримент безпечний: попросив AI переписати половину коду, стало гірше — відкотився до робочого коміту, ніби нічого й не було.

Типова помилка

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

Бонус: GitHub = бекап + автодеплой

Коли запушиш репозиторій на github.com — код збережений у хмарі. Згорів ноут — проект цілий. А ще саме звідти деплоять на сервер.

GitHub Actions — автоматичний деплой при кожному push. Зробив зміну → закомітив → запушив → сервер оновився сам. Детальніше — в PRO курсах.

05 / Зроби зараз

⚡ Твій перший коміт — за 3 хвилини

Теорія без дії забувається за день. Зроби це просто зараз, поки відкрив урок:

1
Встанови інструмент. Завантаж GitHub Desktop (desktop.github.com) — це найпростіший шлях, без терміналу. Windows-користувачам Git встановиться разом із програмою.
2
Додай свій проект. File → "Add Local Repository" → обери папку проекту. Якщо Git там ще не заведений — натисни "create a repository".
3
Зроби знімок. Внизу зліва впиши підпис (напр. "перша робоча версія") → тисни Commit to main. Готово — у тебе є перший чекпоінт. 🎉
⚡ Запам'ятай головне

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

Далі → Урок 05: «Секрети під замком» — як зберігати ключі так, щоб випадково не злити їх у той самий Git і не отримати рахунок на сотні доларів.

Секрети під замком
УРОК 05 ⏱ ~6 хвилин

Секрети під замком: .env і ключі

Як зберігати API-ключі й токени так, щоб не злити їх у Git і не отримати рахунок на сотні доларів

01 / Проблема

🔓 Найдорожча помилка новачка

Дослідження тисяч застосунків, зроблених з AI, показало: більш ніж у половини API-ключі лежали прямо у відкритому коді. Сотні ключів вільно доступні в публічних репозиторіях на GitHub.

Чим це загрожує? Чужа людина бере твій ключ від OpenAI чи Anthropic — і робить запити за твій рахунок. Вранці прокидаєшся з рахунком на сотні доларів. Або хтось знаходить токен твого бота — і керує ним замість тебе.

"Я просто вставив ключ у код, щоб швидко перевірити. Через день рахунок був на $1200. Боти сканують GitHub цілодобово."

02 / Що це

🗝️ Що таке секрет

Секрет — це будь-що, що відкриває доступ і має бути тільки в тебе:

  • API-ключі — OpenAI, Anthropic, Google (схожі на sk-proj-...)
  • Токени — токен Telegram-бота від BotFather
  • Паролі й доступи до баз даних, пошти, платіжок

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

03 / Рішення

📄 Файл .env — сейф для ключів

Замість того щоб писати ключ прямо в коді, його кладуть в окремий файл .env (від "environment" — середовище):

.env
OPENAI_API_KEY=sk-proj-xxxxxxxx BOT_TOKEN=7123456789:AAFgXxxx... DATABASE_URL=postgres://...

А код читає ключ із цього файлу (бібліотека python-dotenv або вбудовані змінні середовища). Сам ключ у коді не зʼявляється — там лише назва OPENAI_API_KEY.

Найважливіший крок: .gitignore

Створи файл .gitignore і впиши туди першим рядком .env. Це каже Git: "цей файл ніколи не завантажуй". Тепер ключі лишаються тільки на твоєму компʼютері й на сервері, але ніколи не йдуть у GitHub.

04 / Правила

🛡️ Чотири правила безпеки

  • Ніколи не встав ключ у промпт чи чат. Просиш AI про допомогу — заміни ключ на YOUR_KEY. Він йому не потрібен.
  • На сервері — через Variables. Railway, Render тощо мають розділ Environment Variables. Файл .env туди не заливаєш — вписуєш ключі в інтерфейсі.
  • Один ключ — один проект. Якщо злив — відкликаєш тільки його, не ламаючи решту.
  • Злив — негайно ротуй. Випадково потрапив у Git — вважай скомпрометованим. Видали і створи новий у консолі провайдера.
Якщо вже злив ключ

Не панікуй, але дій швидко: 1) Зайди в консоль (console.anthropic.com / platform.openai.com / BotFather) → відклич (revoke) старий ключ. 2) Створи новий. 3) Онови .env. Видалити ключ з історії Git мало — боти могли вже його зчитати, тому головне саме відкликати.

Звучить складно — а насправді це дві дії: завів .env, додав його в .gitignore. Решта стає автоматичною звичкою.

05 / Просунутий рівень

🏦 Коли проект стає серйозним

Для соло-проектів .env + .gitignore — достатньо. Але коли є команда або багато секретів — є зручніші рішення:

🔐
Supabase Vault
Якщо вже використовуєш Supabase — там є вбудоване encrypted сховище секретів. Зберігай ключі там замість .env на сервері — зручніше і безпечніше.
☁️
Environment Variables в хостингу
Railway, Render, Fly.io — всі мають розділ "Environment Variables" або "Secrets" в дашборді. Ключі вписуєш там, код їх читає автоматично. Це стандарт для production.
🔑
Vercel / Netlify Environment
Для фронтенд-проектів: Settings → Environment Variables. Секрети шифруються і не видні нікому після додавання.
⚡ Головне на старті

Для першого проекту: .env + .gitignore — цього вистачить. На хостингу: environment variables в панелі. Supabase Vault і складніші рішення — коли проект виросте.

Вайб-дебаг
УРОК 06 ⏱ ~7 хвилин

Вайб-дебаг: коли AI зламав, а не полагодив

Що робити, коли застосунок не працює, а AI ходить по колу — система замість паніки

01 / Реальність

🔄 Цикл "полагодь → стало гірше"

Це буде. AI не магія — інколи він робить помилку, ти кажеш "не працює, полагодь", він міняє ще щось, ламається інше. Через 5 ітерацій код — каша, а проблема на місці.

Різниця між новачком і впевненим вайбкодером не в тому, що в другого не ламається. А в тому, що він має систему, як вийти з цього за 10 хвилин, а не за 3 години.

02 / Метод

🧭 Спершу зрозуміти, потім чинити

Головна помилка — одразу кричати "полагодь". Краще змусь AI спочатку пояснити причину, і лише потім виправляти. Проста формула:

1
Поясни — "Не виправляй поки що. Поясни простими словами, ЧОМУ виникає ця помилка."
2
Запропонуй план — "Дай 2-3 способи це виправити і скажи, який найнадійніший і чому."
3
Тоді виправ — "Добре, застосуй варіант 1. Зміни тільки те, що стосується цієї помилки, решту коду не чіпай."

Цей підхід прибирає 80% "ходіння по колу" — бо AI не вгадує наосліп, а діє усвідомлено, і ти контролюєш кожен крок.

03 / Помилки

📋 Як читати помилку

Помилка (error / traceback) виглядає страшно, але це твій найкращий друг — вона прямо каже, що не так. Дай AI повний текст, не переказуй своїми словами.

  • Останній рядок — зазвичай найважливіший: тип помилки і коротке пояснення.
  • Назва файлу і номер рядка — де саме зламалось.
  • Копіюй цілком — виділи весь червоний текст і встав AI як є.
Де брати текст помилки

Сайт/застосунок: права кнопка → "Inspect" → вкладка Console (червоні рядки).
Бот/сервер: термінал, де запущено, або Logs на хостингу.
Cursor: часто бачить помилку сам — скажи "подивись на помилку в терміналі".

04 / Шаблон

💬 Промпт для дебагу

ПРОМПТ — коли щось зламалось
Я отримую цю помилку: [встав ПОВНИЙ текст помилки] Що я робив перед цим: [натиснув кнопку / запустив бота / ...] Очікував: [що мало статись] Спочатку поясни простими словами, ЧОМУ це відбувається. Не виправляй, поки я не підтверджу.
05 / Просунуті техніки

🔍 Дебаг як профі

📸
Screenshot debugging
Зроби скріншот екрану з помилкою і відправ його прямо в Claude або ChatGPT. "Ось що бачу — що не так?" Працює для будь-яких візуальних помилок: неправильний UI, помилки браузера, дивна поведінка.
📝
Console.log дебаг
Якщо не знаєш де ламається — попроси AI: "Додай console.log перед кожним важливим кроком щоб я бачив що відбувається." Потім запускаєш, дивишся де лог перестав виводитись — там і проблема.
🧹
Мінімізація проблеми
Якщо AI не може полагодити складний код — попроси його "зробити мінімальний приклад що відтворює цю помилку". Менший код = легше знайти баг = швидше вирішення.
06 / Тупик

🚪 Коли AI ходить по колу

Якщо після 3–4 спроб нічого не змінилося — зупинись. Продовжувати в тій самій розмові марно: контекст вже засмічений невдалими спробами.

  • Відкотись. Повернись до останнього робочого коміту (урок 04) і почни фічу заново, меншими кроками.
  • Нова сесія. Відкрий новий чат, опиши проблему з нуля чистим контекстом — часто допомагає одразу.
  • Розбий на менше. Не "зроби всю фічу" — один маленький крок за раз, перевіряй після кожного.
  • Зміни модель. Застряг на Claude — спробуй GPT-4o, і навпаки (урок 01).
  • Знімок екрану. Відправ скріншот помилки — іноді це вирішує за секунди те, що опис не міг вирішити за годину.
Головне про дебаг

Зламаний код — норма, не поразка. Маєш Git для відкату + метод "поясни перед фіксом" + screenshot debugging — і будь-яка помилка вирішується за 10–20 хвилин.

Бази даних: Supabase
PRO ⏱ ~1.5 години

Бази даних без болю: Supabase для вайбкодера

Щоб дані твого продукту не зникали — підключаємо справжнє хмарне сховище через AI, без знання SQL

Д
Дмитро Засновник VibecodeAcademy · будує продукти з AI
01 / Проблема

💾 Чому твої дані зникають

Ти зробив застосунок: користувачі реєструються, додають записи, ставлять лайки. Перезапустив сервер — і все зникло. Знайомо? Це стіна, об яку впирається кожен новачок.

Причина: дані лежали "в памʼяті" програми або в простому файлі, який щоразу перезаписується. Памʼять очищується при кожному рестарті. Файли не витримують багато користувачів одночасно і зникають на хмарних хостингах (памʼятаєш users.json з курсу про бота?).

Рішення, яким користується весь світ — база даних. І сьогодні ти підключиш її, не написавши жодного рядка SQL вручну.

02 / Простими словами

📊 Що таке база даних

Уяви Google Таблицю на стероїдах. База даних — це набір таблиць. Кожна таблиця має колонки (поля) і рядки (записи).

Наприклад, таблиця users:

таблиця users
id | name | email | created_at 1 | Андрій | andriy@mail.com | 2026-06-01 2 | Марія | maria@mail.com | 2026-06-02

Різниця з Excel: база витримує мільйони записів, мільйони звернень одночасно, і ніколи не "зникає". Це фундамент будь-якого продукту — від нотаток до банку.

03 / Інструмент

⚡ Чому саме Supabase

Supabase — це PostgreSQL у хмарі + Auth + Storage + Realtime + Edge Functions. Все в одному дашборді, без налаштувань. Для вайбкодера — ідеальний вибір.

📊 Безкоштовний план — точні ліміти
  • База даних: 500 МБ (вистачить на десятки тисяч рядків)
  • Файлове сховище: 1 ГБ
  • Трафік: 5 ГБ некешованого + 5 ГБ кешованого
  • Auth — активних юзерів: 50 000 / місяць
  • Edge Functions: 500 000 викликів / місяць
  • Realtime: 200 одночасних з'єднань
  • Активних проектів: 2 одночасно
⚠️ Пастка: проект засинає через 7 днів

Якщо 7 днів немає запитів — проект засинає. Перший запит після "сну" дає помилку конекту на 1–2 хвилини. Виглядає як "все зламалось".

Рішення: 1) Зайди в дашборд хоч раз на тиждень. 2) Налаштуй безкоштовний cron-ping на cron-job.org раз у 5 днів. 3) Перейди на Pro ($25/міс) для живого продукту — не засипає.

Supabase vs Firebase vs PlanetScale
  • Supabase — переможець. PostgreSQL, Auth, Storage, Realtime, безкоштовний план. Найкраще для вайб-кодерів
  • Firebase — добрий для мобільних додатків з офлайн-синхронізацією. Для веб — гірше ніж Supabase
  • PlanetScale — прибрав безкоштовний план у 2024. Від $39/міс. Не для старту
04 / Налаштування

🛠️ Створюємо базу за 5 хвилин

1
Реєстрація — йди на supabase.com → "Start your project" → увійди через GitHub.
2
Новий проект — "New Project". Введи назву, придумай пароль до бази (збережи його!), обери регіон ближче до тебе (Frankfurt для України).
3
Створи таблицю — Table Editor → "New table". Назви users, додай колонки (name — text, email — text). id і created_at Supabase додасть сам.
4
Візьми ключі — Project Settings → API. Потрібні Project URL і anon public key. Це адреса твоєї бази і ключ доступу.
🔒 Памʼятай урок про секрети

URL і ключі Supabase кладемо в .env, а не в код. Окрема пастка: є ще service_role key — він всемогутній, його НІКОЛИ не став у фронтенд/браузерний код, тільки на захищеному сервері.

05 / Підключення та CRUD

🔌 Підключення та операції з даними

Код напише AI. Дай йому ці промпти:

ПРОМПТ — підключення Supabase (Python)
Підключи Supabase до мого Python проекту: - pip install supabase python-dotenv - Бери SUPABASE_URL і SUPABASE_KEY зі змінних середовища (.env) SUPABASE_KEY = service_role key (для серверного коду, не фронтенд!) - Створи модуль db.py з клієнтом і функціями: 1. upsert_user(telegram_id, username) — INSERT OR UPDATE по telegram_id 2. get_user(telegram_id) — повертає dict або None 3. get_all_users() — список всіх юзерів 4. Обгорни виклики в try/except, логуй помилки - Покажи .env.example і які колонки треба в таблиці users
ПРОМПТ — підключення Supabase (JavaScript)
Підключи Supabase до мого JS проекту: - npm install @supabase/supabase-js - Бери NEXT_PUBLIC_SUPABASE_URL і NEXT_PUBLIC_SUPABASE_ANON_KEY з .env (anon key — безпечно у браузері, RLS захистить дані) - Створи lib/supabase.js з клієнтом createClient() - Додай функції: getUser(id), createPost(data), getPosts() - Покажи .env.example з необхідними ключами
🔑 Який ключ куди
  • anon key — браузер, фронтенд. Безпечний при увімкненому RLS
  • service_role key — лише сервер (бот, бекенд, Edge Functions). Обходить RLS. Ніколи не в браузер!
06 / Supabase Auth

🔐 Авторизація з нуля за 5 хвилин

Supabase Auth дає email/пароль і Google OAuth "з коробки" — без написання жодного рядка серверного коду.

1
Email-авторизація — вже активна за замовчуванням. Нічого не налаштовувати.
2
Google OAuth — Authentication → Providers → Google → увімкнути. В Google Cloud Console: створи OAuth 2.0 Client, додай Authorized Redirect URI: https://[твій-проект].supabase.co/auth/v1/callback. Встав Client ID і Secret.
ПРОМПТ — Auth у JavaScript
Додай авторизацію через Supabase Auth до мого проекту: 1. signUp(email, password) — реєстрація з email-підтвердженням 2. signIn(email, password) — вхід 3. signInWithGoogle() — одна лінія (відкриває Google OAuth) 4. signOut() — вихід 5. getUser() — поточний авторизований юзер 6. onAuthStateChange(callback) — слухач зміни стану Покажи як захистити сторінку (редірект на /login якщо не авторизований)
50 000 MAU безкоштовно

50,000 активних юзерів на місяць на безкоштовному плані — достатньо для більшості стартапів і мікро-SaaS до серйозного масштабу.

07 / Storage

📁 Зберігаємо файли та зображення

Storage = S3-сумісне файлове сховище від Supabase. Аватари, документи, медіа — все тут.

ПРОМПТ — Storage (завантаження файлів)
Додай функціонал завантаження файлів через Supabase Storage: 1. Створи публічний bucket 'avatars' для аватарок юзерів 2. uploadAvatar(file, userId) — завантажити файл у папку userId/ 3. getAvatarUrl(userId) — отримати публічний URL для відображення 4. Для приватних файлів — createSignedUrl() зі строком дії 1 година 5. Покажи HTML форму для вибору файлу і JS для завантаження
08 / Realtime

⚡ Дані в реальному часі

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

ПРОМПТ — Realtime підписка
Додай Realtime підписку на таблицю orders: 1. Слухати всі зміни (INSERT, UPDATE, DELETE) 2. При INSERT — додавати новий рядок у DOM без перезавантаження 3. При DELETE — видаляти рядок з DOM 4. Підписку оформити так: supabase.channel('orders-feed').on('postgres_changes', ...) 5. Очищення: supabase.removeChannel() при розмонтуванні компонента Важливо: увімкни потрібну таблицю в Supabase Dashboard → Database → Replication → supabase_realtime publication
⚠️ Realtime + RLS: важливо знати

Якщо юзер не має SELECT-права на рядок (через RLS), Realtime мовчки не надсилає йому event. Якщо оновлення зникають — перевір SELECT-policy.

09 / Безпека (RLS)

🛡️ Row Level Security — обов'язково

У травні 2025 виявили 303 вразливих проекти в Lovable — всі таблиці були відкриті всім. Причина: AI без RLS. Не повтори цю помилку.

🚨 КРИТИЧНО: увімкни RLS одразу при створенні таблиці

RLS вимкнено за замовчуванням. Без нього будь-хто з anon key може прочитати всі твої дані. Table Editor → обери таблицю → "Enable RLS". Або в SQL Editor: ALTER TABLE users ENABLE ROW LEVEL SECURITY;

ПРОМПТ — RLS правила
Налаштуй Row Level Security для таблиці posts: 1. Увімкни RLS: ALTER TABLE posts ENABLE ROW LEVEL SECURITY 2. Публічне читання (всі можуть читати): CREATE POLICY "public_read" ON posts FOR SELECT USING (true) 3. Тільки власник може редагувати: CREATE POLICY "owner_update" ON posts FOR UPDATE TO authenticated USING ((select auth.uid()) = user_id) -- Важливо: (select auth.uid()) а не просто auth.uid() — для оптимізації! 4. Тільки власник може видаляти: CREATE POLICY "owner_delete" ON posts FOR DELETE TO authenticated USING ((select auth.uid()) = user_id) 5. Авторизований може додавати тільки свої записи: CREATE POLICY "insert_own" ON posts FOR INSERT TO authenticated WITH CHECK ((select auth.uid()) = user_id) -- Для INSERT - WITH CHECK, не USING!
Типові помилки RLS
  • Забули увімкнути RLS (найчастіша)
  • Для INSERT написали USING замість WITH CHECK
  • Немає SELECT-policy → Realtime мовчить
  • Пишуть auth.uid() замість (select auth.uid()) — в 10× повільніше на великих таблицях
  • service_role key у фронтенд-коді — обходить RLS повністю!
10 / Деплой

🚀 Куди деплоїти проект з Supabase

Vercel — для фронтенду (Next.js, React, HTML)
Push на GitHub → авто-деплой. 100 ГБ трафіку, 200 проектів, кастомні домени — безкоштовно. Ідеально для будь-якого веб-проекту з Supabase на беку.
🚂
Railway — для бекенду (Flask, FastAPI, бот)
$5/місяць Hobby план. Простий бот коштує ~$0.30-0.50/міс usage. Auto-deploy при push. Postgres вбудований (~$1-2/міс). Найкраще для Telegram-ботів і Python API.
🎨
Render — для портфоліо і демо
Безкоштовний тир є, але засинає через 15 хв. Free PostgreSQL існує тільки 30 днів! Підходить для демо і тестування, не для продакшну.
Найкращий стек для вайбкодера

Frontend → Vercel (безкоштовно) + Backend → Supabase (БД/Auth/Storage, безкоштовно) + Telegram-бот → Railway (~$5/міс). Цього достатньо для реального продукту до кількох тисяч юзерів.

🗄️

Тепер у тебе є справжній продукт

Дані не зникають, витримують навантаження, мають базовий захист. Це межа між "погрався з AI" і "маю продукт, яким можуть користуватись люди".

  • База Supabase підключена і захищена RLS
  • Запис і читання даних через AI-код
  • Наступний крок — прийом оплати в продукті
Приймаємо оплату
PRO ⏱ ~1.5 години

Приймаємо оплату в продукті

Від тестового платежу до перших реальних грошей — Stripe, українські провайдери та Telegram Stars

Д
Дмитро Засновник VibecodeAcademy · будує продукти з AI
01 / Карта

🗺️ Як взагалі приймають гроші

Платіж — це завжди ланцюжок: користувач вводить картку → платіжний провайдер (посередник) проводить транзакцію → гроші падають на твій рахунок → твій код дізнається "оплачено" і відкриває доступ.

Тобі не треба знати нічого про банки й безпеку карток — це бере на себе провайдер. Твоя задача — підключити його і відреагувати на подію "успішна оплата".

  • Разовий платіж — купив доступ/товар один раз. Найпростіше.
  • Підписка — провайдер сам списує щомісяця, поки не скасують.
02 / Stripe

💳 Stripe — світовий стандарт

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

Найзручніший спосіб для вайбкодера — Stripe Checkout: Stripe сам показує захищену сторінку оплати, тобі не треба торкатися даних картки.

ПРОМПТ ДЛЯ AI — Stripe Checkout
Підключи Stripe Checkout до мого застосунку: - Ключі бери з .env: STRIPE_SECRET_KEY і STRIPE_PUBLISHABLE_KEY - Кнопка "Купити" створює Checkout Session на одну позицію (ціна, назва) - Після оплати редірект на /success, при відмові — на /cancel - Додай endpoint-вебхук, який ловить подію checkout.session.completed і позначає замовлення оплаченим - Усе в тестовому режимі (test keys)
⚠️ Stripe і Україна — реальна ситуація 2025

Stripe напряму не підтримує Україну. Але є легальні шляхи:

  • Stripe Atlas ($500 one-time) — реєстрація Delaware LLC + Stripe + US bank. Для SaaS з американською аудиторією
  • Естонська e-Residency (~€120, є компенсація для UA) — EU компанія + Stripe. Найпопулярніший вибір для українців з ЄС-аудиторією
  • Поки без Stripe — WayForPay або Monobank для UA клієнтів + Payoneer/Wise для прямих міжнародних замовників
03 / Українські провайдери

🇺🇦 Найкращі варіанти для гривневих платежів

📊 Порівняльна таблиця 2025–2026
  • Monobank Acquiring — 1.3% — найнижча комісія. Потрібен ФОП-рахунок у Mono. Реєстрація 10 хв через додаток. Apple Pay, Google Pay вбудовано
  • WayForPay — 2.0% — 294 інтеграції, Дія, підписки, виведення в будь-який банк. Надійна репутація
  • LiqPay — 2.75% — найлегший старт, SDK для всіх мов, Приватбанк. Виведення тільки в Приват
  • Fondy.ua — ❌ не доступний — втратив ліцензію НБУ у 2024. Fondy.io (ЄС версія) — тільки для EU-компаній

Рекомендація: для власного проекту — Monobank Acquiring (найдешевше). Для клієнтів у різних банках — WayForPay (виводить у будь-який банк).

📋 ФОП для прийому платежів — мінімум
  • Група ФОП: 3-тя група — 5% єдиного податку + ~1760 грн/міс ЄСВ + 1% військового збору (з 2025)
  • КВЕД: 62.01 (програмування) + 63.11 (хостинг/дані) — основні для IT
  • Відкрити: через Дію або Приват24 Бізнес за 15 хвилин
  • Без РРО: якщо платежі через платіжні сервіси на ФОП-рахунок — РРО не потрібен

⚠️ У кожного провайдера свій механізм підпису. LiqPay підписує парою data + signature (SHA1). Завжди перевіряй підпис на сервері:

ПРОМПТ ДЛЯ AI — Monobank Acquiring
Підключи Monobank Acquiring до мого Flask-застосунку: - MONO_TOKEN бери з .env - Ендпоінт POST /create-payment: Надіслати запит на api.monobank.ua/api/merchant/invoice/create Параметри: amount (в копійках!), ccy=980 (UAH), redirectUrl, webHookUrl Повернути invoiceUrl юзеру - Ендпоінт POST /mono-webhook: ПЕРЕВІР X-Sign заголовок (підпис webhook від mono) При status=success — познач замовлення оплаченим - Тестовий режим: в дашборді mono є sandbox Комісія 1.3% — найнижча серед українських провайдерів
ПРОМПТ ДЛЯ AI — LiqPay
Підключи LiqPay до мого застосунку (Python/Flask): - LIQPAY_PUBLIC_KEY і LIQPAY_PRIVATE_KEY з .env - Кнопка "Оплатити": data = base64(JSON: public_key, version=3, action=pay, amount, currency=UAH, description, order_id) signature = base64(sha1(private_key + data + private_key)) - Endpoint /liqpay-callback: ПЕРЕВІР signature (та сама формула) якщо не збігається — 400 Forbidden Тільки при status=success — відкрий доступ - sandbox=1 для тестування (без реальних грошей)
⚠️ Золоте правило безпеки оплат

Доступ відкривай лише після перевірки підпису на сервері. Ніколи не довіряй тому що "прийшло з фронту". Без перевірки — будь-хто може надіслати фейкове "оплачено".

04 / Telegram Stars

⭐ Telegram Stars — повна економіка

Stars — найпростіший спосіб монетизувати бота. Без ФОП, без провайдера. Але треба розуміти реальну економіку:

📊 Реальні цифри Stars (2025–2026)
  • Ти отримуєш: ~$0.013 за 1 Star (~65% від номіналу)
  • З мобільних покупок: ~$0.009/Star (Apple/Google беруть 30% від вартості Stars)
  • З десктопних покупок: ~$0.013/Star (без 30% мобільного збору)
  • Мінімум виведення: 1000 Stars (~$13)
  • Очікування перед виведенням: 21 день після отримання
  • Ланцюг виведення: Fragment → TON (~3% спред) → біржа → Wise/Payoneer → UAH
Як обрахувати ціну в Stars

Хочеш заробити $10 з продажу → 10 / 0.013 ≈ 770 Stars. Хочеш заробити 500 грн (~$12) → приблизно 900 Stars. Встав ціну з 10–15% запасом на мобільні збори.

Коли вибирати: Stars — для цифрових товарів всередині Telegram, швидко і просто. Stripe/Monobank — для сайту/SaaS, повний контроль над ціною і виплатами.

05 / Міжнародні виплати

💸 Отримання грошей від міжнародних клієнтів

Payoneer vs Wise — що вибрати
  • Payoneer — для платформ: нативна інтеграція з Upwork, Fiverr, Freelancer — виведення безкоштовно. Є фізична картка в Україну
  • Wise — для прямих клієнтів: найкращий FX-курс (0.35–0.65% спред). IBAN рахунки в USD/EUR. Виведення на mono/Приват
  • Стратегія: обидва одночасно. Payoneer для платформ, Wise для прямих замовників з ЄС/США
Простий ланцюг для початківця

Прямий клієнт → виставити інвойс через Wise → отримати USD/EUR → вивести на IBAN Mono → конвертувати в UAH. Сукупна комісія по всьому ланцюжку ~1.7% (FX-спред Wise + конвертація в Mono) — найдешевший варіант без іноземної компанії.

06 / Тест

🧪 Завжди починай з тестового режиму

Кожен провайдер має тестовий режим (test / sandbox keys). Там ти проводиш "оплати" несправжніми картками — нічого не списується, а логіка працює як на бойовій.

Тестова картка Stripe

Номер 4242 4242 4242 4242, будь-яка майбутня дата, будь-який CVC. Оплата "пройде". Є окремі тестові картки для відмов — щоб перевірити, що код коректно обробляє провал.

На бойові (live) ключі переходь тільки коли вся логіка перевірена: оплата відкриває доступ, відмова — ні, повторна оплата нічого не ламає.

07 / Безпека грошей

🔐 Дві помилки, які коштують грошей

  • Не довіряй фронтенду факт оплати. Браузер можна підробити. Доступ відкривай тільки після підтвердження від провайдера на сервері (вебхук), а не "кнопка сказала що оплачено".
  • Перевіряй підпис вебхука. Провайдер підписує свої повідомлення секретом. Без перевірки підпису шахрай може надіслати фейкове "оплачено". Попроси AI: "додай верифікацію підпису вебхука Stripe".
Золоте правило

Джерело правди про оплату — завжди сервер + вебхук провайдера, ніколи не клієнт. Тоді тебе неможливо обдурити підробленим запитом.

💳

Твій продукт уміє заробляти

Ти підключив оплату, перевірив її в тесті й захистив від підробок. Технічно ти готовий брати гроші. Лишилось головне — знайти тих, хто заплатить.

  • Оплата через Stripe / LiqPay / Stars
  • Тестовий режим і безпечні вебхуки
  • Наступний крок — перші клієнти і перші гроші
Перші клієнти
PRO ⏱ ~3 години

Перші клієнти і перші гроші

Фрілансер, мікро-SaaS чи AI-агентства? Реальні ставки, де шукати, як продавати — повний шлях від першого клієнта до стабільного MRR

Д
Дмитро Засновник VibecodeAcademy · будує продукти з AI
01 / Ринок і ставки

📊 Реальний ринок вайбкодингу у 2025

Ринок в цифрах
  • $4.7B — обʼєм ринку vibe coding у 2025
  • 85% — щорічне зростання
  • Bolt.new: 8M+ проектів створено
  • GitHub Copilot: 77% розробників вже використовують AI-інструменти
💰 Ставки на Upwork за AI/Vibe Coding (2025)
  • Новачок (перші 2-3 проекти): $25–50/год або $100–300 за проект
  • З портфоліо (3+ проекти): $50–100/год
  • AI-автоматизації (n8n, Make): $75–150/год
  • Full-stack з AI (Supabase + Next.js): $100–200/год
  • Топ спеціалісти (Claude Agents, кастом): $150–250/год
📈 DOU.ua — середні зарплати розробників (для порівняння)
  • Junior Frontend: ~$700–1000/міс
  • Middle Frontend: ~$2000–2800/міс
  • Senior Frontend: ~$4000–5500/міс
  • Vibe coder-фрілансер з 5-6 клієнтами може перевищити Senior вже за 3-4 місяці

Тобі не треба бути "програмістом з 10 роками досвіду". Треба вирішити конкретну проблему конкретної людини. Лендінг для барбершопа. Бот запису для стоматолога. Калькулятор цін для майстрині. Це вже коштує гроші.

"Перший клієнт здається неможливим — поки не зробиш перше холодне повідомлення. Після десятого це вже рутина."

02 / Де шукати

🔍 Де перші замовники

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

  • Найближче коло — знайомі з бізнесом, у кого немає сайту/бота. Найлегше "так", бо тобі вже довіряють.
  • Локальний бізнес — кавʼярні, салони, майстри поруч. У половини немає нормального сайту. Зайди, покажи демо.
  • Telegram / Facebook спільноти — групи підприємців, "шукаю виконавця", локальні бізнес-чати.
  • Upwork / Fiverr — міжнародна аудиторія, оплата в $. Upwork — для більших проектів ($500+). Fiverr — стандартизовані пакети ($50–500).
  • Freelancehunt / Work.ua — українські замовники, простіший старт, конкуренція нижча.
  • LinkedIn — для B2B клієнтів і агентств, яким потрібен субпідряд.
Стратегія "зроби спочатку"

Найсильніший хід новачка: зроби демо-лендінг для конкретного бізнесу наперед (це ж кілька годин з AI) і надішли: "Зробив демо вашого сайту, гляньте". Конверсія в рази вища за звичайну пропозицію.

🔥 AI-автоматизації — окрема ніша

Бізнеси платять $500–5000 за налаштування AI-автоматизацій (n8n, Make, Claude AI, автоматичні відповіді). Це гаряча ніша у 2025. Якщо пройшов курс про агентів — це твій козир.

03 / Портфоліо

📁 Портфоліо з нуля

"Немає робіт — немає клієнтів — немає робіт". Розривається це просто: створюєш роботи сам.

  • Зроби 2-3 демо-проекти для вигаданих або реальних локальних бізнесів.
  • Виклади живі посилання (памʼятаєш деплой — .bolt.host / Vercel).
  • Признач кожному коротку історію: "проблема → що зробив → результат".

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

04 / Аутріч

💬 Перше повідомлення клієнту

Холодне повідомлення працює, коли воно коротке, про клієнта (не про тебе) і з конкретикою. Шаблон:

ШАБЛОН — холодне повідомлення
Вітаю, [Імʼя]! Побачив [ваш салон / сторінку] — класно робите [конкретика]. Помітив, що немає [сайту / запису онлайн / бота]. Зробив демо, щоб показати ідею: [посилання]. Якщо зайде — допрацюю під вас за пару днів. Цікаво глянути?
Правила, щоб не злити

Без полотна тексту. Без "я початківець, візьміть будь ласка". Одне конкретне спостереження + одна конкретна користь + просте питання. І не ображайся на мовчанку — це гра чисел: 20 повідомлень → кілька відповідей → перший клієнт.

05 / Ціни та пакети

💰 Скільки брати (реальні ринкові ціни)

Головна помилка новачка — демпінг "бо я ще вчуся". Низька ціна відлякує серйозних клієнтів і вбиває твою мотивацію. Ось реальні ринкові ціни:

📋 Прайс-лист вайбкодера
  • Лендінг (1 сторінка): $100–300 (початок) → $300–700 (з портфоліо)
  • Мультисторінковий сайт: $300–800 → $800–2000
  • Telegram-бот (базовий): $150–400 → $400–1000
  • Telegram-бот з AI + базою даних: $500–1500
  • AI-автоматизація (n8n, Make): $500–3000 залежно від складності
  • Повноцінний веб-застосунок (React + Supabase): $1000–5000+
  • Технічна підтримка / зміни (ретейнер): $50–200/міс — стабільний пасив
Пакети замість голої ціни

Запропонуй 3 варіанти:
Base: лендінг без CMS, $200
Pro: + адмін-панель + 2 ревізії, $400
Premium: + SEO + аналітика + 1 міс підтримки, $700

Більшість обере середній — і це вище за те, що ти спершу думав назвати. Завжди бери передоплату 50%.

06 / Upwork старт

🌍 Як почати на Upwork з нуля

Upwork — найбільший ринок для фрілансерів, де платять у доларах. Конкуренція є, але в AI-ніші вона значно нижча, ніж у звичайному веб-розробці.

Checklist для запуску профілю
  • ✅ Фото: реальне, чітке, нейтральний фон
  • ✅ Заголовок: конкретний (не "Full-stack developer", а "AI-powered Web Apps | Supabase + React")
  • ✅ Overview: 3 абзаци — хто, що вмієш, кому допомагаєш
  • ✅ Портфоліо: 2–3 живих проекти (посилання, опис, скріни)
  • ✅ Skills: Bolt.new, n8n, Supabase, Telegram Bot, AI Integration
  • ✅ Годинна ставка: почни $25–35/год (підвищуй після 5-Star reviews)
Перші пропозиції (proposals)

Обери 10 вакансій з ≤10 пропозицій та $500+ бюджетом. Не копіпасти шаблон — перші 2 речення мають бути про конкретну проблему клієнта. Додай маленький приклад чи скетч рішення. Не питай "а що саме вам треба?" — покажи, що вже зрозумів.

Виведення грошей з Upwork

Payoneer — нативна інтеграція, виведення безкоштовно. Потім з Payoneer на mono або перекид через обмінник. Upwork бере 10% (після першого $500 з клієнта — 5%, після $10K — 3%).

07 / SaaS шлях

🚀 Від фрілансу до SaaS продукту

Фріланс — чудовий старт для готівки. Але кінцева мета — продукт, який заробляє поки ти спиш. Ось реальний шлях:

MRR мілстоуни (реальні терміни)
  • Місяць 1–2: ідея → MVP → перші 5–10 безкоштовних юзерів. Мета: перевірити, що хтось взагалі використовує
  • Місяць 3–4: перші платні клієнти, $0–300 MRR. Мета: валідація платіжної готовності
  • Місяць 5–6: $300–1000 MRR. Типовий термін для соло-фаундера, якщо активно просуватись
  • Місяць 7–12: $1000–5000 MRR. Потрібен growth channel (SEO, спільнота, партнерства)
  • Після $5K MRR: можна думати про full-time або інвестиції
🔥 Конкретні SaaS ідеї для вайбкодера
  • AI-чатбот для бізнесу під ключ (recurring $49–199/міс)
  • Автоматизація Instagram/TG DM з AI-відповідями
  • Інструмент генерації контенту для конкретної ніші
  • SaaS для малого бізнесу (CRM, запис, склад)
  • Telegram Mini App для нішевої аудиторії

"Sabrine Matos (vibe coder, без технічного бекграунду) заробила $456K ARR. Pieter Levels досяг $1M ARR — без команди, лише з AI та власними проектами."

08 / Building in public

📢 Building in public — безкоштовний маркетинг

"Building in public" — ділись процесом публічно: що будуєш, які помилки, які результати. Це привертає клієнтів і партнерів краще, ніж реклама.

📊 Конверсія платформ (реальні дані)
  • Indie Hackers: 23.1% конверсія в платного клієнта (найвища!)
  • Twitter/X: #1 платформа для building in public, найбільша AI-спільнота
  • Product Hunt: 3.1% конверсія, але дає burst-трафік на лонч
  • LinkedIn: для B2B, старші клієнти з бюджетами
З чого почати на Twitter/X
  • Напиши перший твіт: "Будую [назва продукту] для [аудиторія]. Ось ідея:" + скріншот
  • Щотижня: 1 пост про прогрес (MRR, нові функції, помилки)
  • Відповідай на коментарі — це безкоштовний engagement
  • Hashtags: #buildinpublic #indiehacker #saas #vibecoding
  • Після 3 місяців: підписники самі приходять із запитаннями і рефералами

Навіть 200 реальних підписників в ніші = потенційні 5–10 платних клієнти. Починай з першого дня, не чекай "ідеального продукту".

09 / AppSumo & LTD

💥 AppSumo стратегія — перші $10K швидко

AppSumo — платформа для продажу Lifetime Deals (LTD). Замість підписки — одноразовий платіж, наприклад $49–99. Для початківця це спосіб отримати багато грошей і перших юзерів одночасно.

Чому LTD працює на старті
  • Frase: $800K за 28 днів на AppSumo — потім виросли до SaaS
  • Типовий результат: 200–2000 LTD покупок × $49–99 = $10K–200K одноразово
  • Ти отримуєш: гроші + реальних юзерів + відгуки + validation
  • AppSumo бере 30% від продажів
Як потрапити на AppSumo

1. Зроби робочий SaaS з хоча б 10–20 активними юзерами
2. Подай заявку через AppSumo Partner Portal
3. Або спочатку запусти власний LTD через Gumroad / Lemon Squeezy, набери 50–100 покупців, потім іди до AppSumo з доказом попиту

LTD — не фінальна стратегія, а трамплін. Після збору грошей і відгуків переходиш на нормальну підписну модель.

10 / Ведення проекту

🤝 Веди перший проект правильно

  • Зафіксуй обсяг — що саме входить, скільки правок. Інакше "ще одна дрібничка" розтягнеться на місяць.
  • Передоплата 50% перед стартом. Це фільтрує несерйозних і захищає тебе.
  • Показуй проміжно — не зникай на тиждень. Короткі апдейти тримають довіру.
  • Передай і навчи — поясни, як користуватись. Задоволений клієнт = відгук + рекомендації.
  • Візьми відгук одразу після здачі — це паливо для наступних продажів.
📝 Письмова домовленість — твій захист
  • Навіть переписка в Telegram рахується: одним повідомленням зафіксуй обсяг робіт, ціну, терміни і умови оплати — "як домовились" перед стартом
  • Попроси AI скласти ТЗ: встав переписку з клієнтом і промпт "склади коротке технічне завдання з обсягом, ціною і термінами на основі цієї переписки"
  • Зміни обсягу — окремий рахунок: "ще одна дрібничка" поза домовленим — нова задача з новою ціною, не безкоштовний бонус
  • Прийом оплати і виведення грошей — детально в курсі "Приймаємо оплату в продукті"

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

🚀

Повний шлях — від нуля до MRR

Ти вмієш будувати продукти з AI, зберігати дані, приймати оплату. Знаєш де шукати клієнтів і як продавати. Це повний шлях від ідеї до стабільного доходу.

  • Реальні ставки і ціни на фріланс і SaaS
  • Старт на Upwork + Payoneer для міжнародних платежів
  • Building in public стратегія для безкоштовного маркетингу
  • AppSumo LTD — $10K+ на старті продукту
  • 6–8 місяців до $1K MRR для соло-фаундера
🔒 Курс у PRO

Перший Telegram бот

Твій бот відповідатиме клієнтам 24/7 і прийматиме оплату.

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

"Думав, що без програмування нічого не вийде. За два тижні зробив бот для свого магазину — перші 2400 грн прийшли вже того ж місяця."

Андрій, підприємець, Дніпро
300 грн / міс
≈ 10 грн на день — дешевше за каву
Скасування в один клік. Без прихованих платежів.
💎 PRO підписка

Активація PRO

Напиши нам у Telegram — підтвердимо оплату і відкриємо всі 4 PRO-курси протягом кількох хвилин.

300 грн / міс
≈ 10 грн на день — дешевше за каву
Оплата і активація вручну — зазвичай протягом кількох хвилин