Вайбкодинг с нуля бесплатное чтение

Эта книга — для тех, кто никогда не программировал. Никогда не открывал терминал. Никогда не писал ни строчки кода.

Если вы — этот человек, добро пожаловать.

В 2026 году вы можете научиться строить настоящие приложения. Без программирования в классическом смысле.

Звучит невероятно. Но это правда.

Я расскажу как.

Кто я

Меня зовут Ринат Ташев.

Эта книга — седьмая в моей серии. Шесть предыдущих доступны на tashev.ru.

Третья из них — «Вайбкодинг: как зарабатывать в 2026» — была общим обзором темы.

Шестая — «Вайб-кодинг для маркетолога» — специализация для маркетинговой ниши.

Эта, седьмая, — для абсолютных новичков. С самого начала. С нулевого уровня.

Что такое вайбкодинг

Вайбкодинг — это способ создавать программы (приложения, сайты, инструменты) через общение с AI.

Вы говорите AI, что хотите получить. AI пишет код.

Вы не учите языки программирования.

Вы не пишете код руками.

Вы — заказчик. AI — исполнитель.

Это новая профессия. Новый навык. И он доступен почти каждому.

Почему это возможно

Раньше — чтобы создать что-то, нужно было нанять разработчика.

Это дорого. Это долго. И качество — лотерея.

Сейчас — AI пишет код за вас.

Качественный код. Быстро. Дёшево.

За месяц освоения — вы можете строить вещи, которые раньше требовали команды разработчиков.

Почему именно с нуля

Большинство книг о программировании предполагают какой-то базовый уровень.

«Установите Node.js. Откройте терминал. Введите команду npm install».

Для новичка — это иностранный язык.

Не для вас. Эта книга — действительно с нуля.

Я объясняю каждый термин. Каждую команду. Каждый шаг.

Если что-то непонятно — это моя ошибка, не ваша.

Кому эта книга

Эта книга для вас, если:

• Вы — менеджер, маркетолог, продавец, бухгалтер, дизайнер, юрист — кто угодно

• Никогда не программировали

• Хотите научиться строить свои инструменты

• Готовы потратить пару месяцев на обучение

• Видите возможности AI и хотите их использовать

Не для вас, если:

• Вы профессиональный разработчик, ищущий глубокие технические нюансы

• Не готовы делать практические упражнения

• Ищете «магическую таблетку», которая сделает за вас

Эта книга — пошаговое руководство для серьёзного начала.

Что вы получите

После прочтения и применения:

• Поймёте, как работает вайбкодинг

• Освоите базовые инструменты — Claude, Cursor, Lovable, v0

• Построите свои первые 5-10 проектов

• Поймёте, как зарабатывать на этом

• Будете готовы к серьёзному развитию

Это уровень, на котором можно зарабатывать $3-10K в месяц через 6-12 месяцев.

Что не получите

Эта книга не сделает вас:

• Профессиональным разработчиком за неделю

• Богатым за месяц без усилий

• Экспертом без практики

Это работа. Долгая дистанция.

Но достижимая для каждого.

Структура книги

Пять частей:

Часть I — основы. Что такое вайбкодинг. Почему сейчас. Что вы можете построить.

Часть II — инструменты. Главные tools 2026 года. Как установить. Как использовать.

Часть III — первые проекты. Конкретные шаги. От нуля до работающего приложения.

Часть IV — углубление. Базы данных. Интеграции. Деплой.

Часть V — заработок. Как монетизировать. Карьерные пути. Стратегия.

Плюс много приложений с готовыми промптами, шаблонами, ответами на типичные вопросы.

Как читать

Не читайте всю книгу за один день.

Прочитайте часть. Сделайте упражнения. Закрепите. Идите дальше.

Это работает в 10 раз лучше, чем «прочитать всё, потом делать».

Лучше — час в день в течение двух месяцев.

Хуже — два дня запоем, потом ничего.

Один совет

Когда что-то не получается — это нормально.

AI ошибается. Tools падают. Промпты дают мусор.

Это часть процесса.

Не сдавайтесь.

Через месяц вы будете смеяться над тем, что казалось сложным сегодня.

Поехали.

Начнём с самого начала.

Программирование классическое

Классическое программирование выглядит так.

Разработчик садится за компьютер. Открывает редактор кода. Пишет команды на специальном языке.

Например, на JavaScript:

function calculateTotal(items) {

let total = 0;

for (let item of items) {

total += item.price;

}

return total;

}

Эта функция считает сумму цен.

Чтобы написать такое — нужно знать синтаксис языка. Логику. Архитектуру.

Это годы обучения.

Вайбкодинг

Вайбкодинг — другое.

Вы говорите AI:

Напиши функцию, которая считает сумму цен товаров

AI пишет ту же функцию, что я показал выше.

Вы не знаете синтаксиса. Не знаете JavaScript. Не знаете, что такое функция.

Но вы получаете результат.

Это не «жульничество»

Некоторые думают — это нечестно. «Настоящий программист пишет код сам».

Это устаревшее мышление.

Когда появились калькуляторы, люди говорили — «настоящие математики считают в уме».

Когда появился Google, говорили — «настоящие учёные ищут информацию в библиотеках».

Каждый раз — новые инструменты меняют профессию.

AI — следующий шаг.

«Настоящий разработчик» через 5 лет — это тот, кто эффективно работает с AI.

Что важно понимать

AI пишет код. Но он не понимает ваш бизнес.

Не знает ваших клиентов.

Не знает, что им нужно.

Эту часть — делаете вы.

Поэтому правильное описание — «работа в паре».

Вы — менеджер. AI — исполнитель.

Качество результата зависит от качества задания.

Простой пример

Допустим, вы хотите сделать лендинг для своего курса.

Открываете инструмент (v0.dev например). Пишете:

Создай лендинг для онлайн-курса по фотографии.

Целевая аудитория — начинающие фотографы.

Цена курса — 10 000 рублей.

Должны быть секции: hero, программа, отзывы, цена, FAQ, форма записи.

Стиль — современный, тёмная тема, акцент бирюзовый.

Через 30 секунд — готовая страница.

Дальше — итерации. «Сделай заголовок крупнее». «Замени фото». «Добавь анимацию».

Через час — production-ready лендинг.

Раньше — это было 2-3 недели работы дизайнера и разработчика.

Сейчас — час вашего вечера.

Главный принцип

Вайбкодинг — это разговор.

С AI.

Чем лучше говорите — тем лучше результат.

Это новый навык.

Не «программирование».

А «формулирование задач».

И этому навыку — учат в этой книге.

Если вы только начинаете — у меня хорошая новость.

Сейчас — лучший момент в истории для входа в эту профессию.

Что изменилось

Окно возможностей

Сравнение с другими профессиями

Что это даёт лично вам

Что мешает большинству

Давайте конкретно. Что реально можно построить через вайбкодинг.

Не «теоретически». А что обычные люди строят сейчас.

Категория 1. Сайты и лендинги

Самое простое и востребованное.

• Лендинг для нового продукта

• Сайт-визитка

• Многостраничный сайт компании

• Сайт с интерактивными элементами

• Landing page для рекламной кампании

Время на простой лендинг: 2-4 часа.

Время на сложный сайт: 1-2 дня.

Раньше — заказывали у фрилансеров за $500-5000.

Сейчас — делаете сами или продаёте свои услуги.

Категория 2. Калькуляторы и квизы

Интерактивные инструменты для привлечения клиентов.

• ROI-калькулятор для B2B-продукта

• Калькулятор стоимости услуг

• Квиз для определения подходящего товара

• Тест для подбора курса

• Калькулятор размеров (одежда, мебель)

Это лид-магниты, которые конвертируют в разы лучше обычных форм.

Категория 3. Личные инструменты

Программы для своих нужд.

• Трекер привычек

• Личный планировщик

• Учёт финансов

• База контактов

• Дневник

Стандартные приложения не подходят? Сделайте своё.

Время: вечер-два.

Категория 4. Бизнес-инструменты

Для своего бизнеса или работы.

• CRM для маленькой компании

• Учёт клиентов

• Расчёт расходов

• Инвентарь товаров

• Отчёты по продажам

Готовые SaaS-сервисы дорогие? Сделайте custom-решение.

Категория 5. Чат-боты

Автоматизация общения.

• Чат-бот для ответов на вопросы клиентов

• Бот для записи на услуги

• Помощник для команды

• Образовательный бот

В Telegram, Whatsapp, или на сайте.

Категория 6. Игры

Простые игры для развлечения или маркетинга.

• Викторины

• Кликеры

• Простые аркады

• Образовательные игры

Не AAA-проекты. Но играбельные и полезные.

Категория 7. Образовательные платформы

Если вы преподаёте.

• Платформа для своих курсов

• Личный кабинет учеников

• Тесты и оценки

• Сертификаты

Без Teachable за $300/мес.

Категория 8. Мини-SaaS

Это уже бизнес.

Программа, которую другие люди используют и платят за это.

• Инструмент для конкретной ниши

• Решение специфической проблемы

• Автоматизация workflow

Реалистичные цифры: $1-50K в месяц через 6-24 месяца.

Соло. Без команды.

Категория 9. Chrome-extensions

Расширения для браузера.

• Помощник по работе

• Блокировщик отвлекающих сайтов

• Автоматизация рутинных задач

• Скрипты для соцсетей

Маленькие, но полезные. Часто становятся источником стабильного дохода.

Категория 10. Мобильные приложения

Это сложнее. Но возможно.

• Простые приложения

• Конвертеры

• Личные инструменты

Для серьёзных мобильных приложений — лучше начать с веб.

Но если хочется — можно.

Что НЕ стоит строить с нуля

Не всё подходит для новичка.

Не пытайтесь сделать:

• Конкурента Facebook

• Сложную банковскую систему

• Игру уровня AAA

• Платформу для миллионов пользователей

Это требует команды и лет работы.

Реалистичные цели:

• Простые лендинги и сайты

• Инструменты для конкретных задач

• MVP идей для тестирования

• Мини-SaaS в узкой нише

Эти вещи — достижимы. И на них можно зарабатывать.

Перед тем как идти дальше — разберём заблуждения, которые мешают начать.

Заблуждение 1. «Это для технических людей»

Самое частое.

«Я — гуманитарий. У меня нет технического склада ума».

Реальность: вайбкодинг не требует технического склада ума.

Что требует:

• Уметь чётко формулировать

• Терпение к итерациям

• Готовность учиться новому

• Любопытство

Это всё. Это есть у всех.

Я знаю поэтов, которые освоили вайбкодинг.

Знаю учителей. Юристов. Парикмахеров.

Всех профессий.

Заблуждение 2. «Нужно много знать заранее»

«Сначала выучу программирование, потом начну».

Это путь в никуда.

Если вы хотели стать классическим программистом — нужны годы.

Для вайбкодинга — две недели концентрированного обучения дают базу.

Месяц — для уверенного использования.

Не нужно знать программирование заранее.

Нужно — начать.

Заблуждение 3. «Это сложно»

Сложность относительна.

Сложно стать врачом — 8 лет учёбы.

Сложно стать пианистом — 10 лет практики.

Сложно стать программистом классическим — 3-5 лет.

Вайбкодинг — не сложнее, чем освоить любой новый профессиональный инструмент.

Один-два месяца — и вы базовый пользователь.

Полгода — уверенный.

Год — эксперт.

Это меньше, чем освоить новый язык.

Заблуждение 4. «Это для молодых»

«Мне 40. 50. 60. Поздно».

Возраст не имеет значения.

Я знаю людей 65+, которые освоили вайбкодинг.

Зарабатывают деньги. Строят бизнес.

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

Молодые быстрее технически. Опытные — стратегически.

Обе группы успешны.

Заблуждение 5. «Нужно много денег»

«У меня нет $10K на компьютер и обучение».

Не нужно.

Что нужно:

• Компьютер (любой современный)

• Интернет

• $40-60/мес на инструменты

• Время

Это всё.

Дорогие курсы могут ускорить. Но не обязательны.

Эта книга — стоит копейки относительно той ценности, которую вы можете получить.

Заблуждение 6. «Конкуренция огромная»

«Все занимаются вайбкодингом. Уже поздно».

Парадокс — кажется, что много.

Реальность — мало.

В мире 8 миллиардов людей. Маркетологов, менеджеров, продавцов — миллиарды.

Реально освоивших вайбкодинг — десятки тысяч.

Это меньше 0,01% потенциальной аудитории.

Места хватит всем на десятилетия.

Заблуждение 7. «AI заменит и эту профессию»

Парадоксальное опасение.

«Зачем учиться, если через пару лет AI всё сделает сам».

Нет.

Чем мощнее AI — тем больше нужно людей, которые умеют им управлять.

Это как опасаться, что машины с автопилотом «уничтожат водителей».

Они уничтожат водителей такси, может быть.

Но создадут спрос на инженеров, операторов, специалистов по флоту.

С AI — то же самое.

Те, кто понимают как с ним работать — будут востребованы.

Заблуждение 8. «Нужен особый талант»

«У меня нет таланта к этому».

Талант — миф. Особенно в технических навыках.

Есть способности. Есть труд.

Способности — у всех.

Труд — определяет результат.

Если работаете системно — получите результат. Через 6-12 месяцев.

Это не «талант». Это математика.

До технических вопросов — поговорим об этике.

Это важно. И часто игнорируется.

Что важно делать

Что не стоит делать

Здравый смысл

Долгосрочная стратегия

Начнём с самого важного инструмента.

Claude — это AI, который пишет код и помогает с любыми задачами.

Что такое Claude

Чем Claude отличается от ChatGPT

Как зарегистрироваться

Первое использование

Что делать с кодом

Что важно понимать о Claude

Первая практика

Claude — мой главный рекомендуемый. Но ChatGPT тоже хорош.

Многие используют оба.

Когда использовать ChatGPT

• Когда нужны картинки (DALL-E встроен)

• Когда нужен голосовой режим

• Когда работаете в Office или Microsoft экосистеме

• Когда нужны Custom GPTs

Регистрация

Шаги:

Перейдите на chatgpt.com

Нажмите «Sign up»

Зарегистрируйтесь

Подтвердите

Free версия — есть. ChatGPT Plus — $20/месяц.

Custom GPTs

Интересная функция ChatGPT.

Custom GPT — это «настроенный» ChatGPT под вашу задачу.

Например — Custom GPT для написания email-маркетинга.

Вы один раз настраиваете — он помнит все ваши предпочтения.

Это сильно ускоряет работу.

Как использовать оба

Мой подход:

• Длинные тексты, код, анализ — Claude

• Картинки, голос, мульти-медиа — ChatGPT

• Быстрые ответы — что под рукой

$40/месяц на оба — нормальная инвестиция для серьёзного начала.

Claude и ChatGPT хороши для быстрых задач.

Когда вы начнёте строить что-то посерьёзнее — нужен Cursor.

Что такое Cursor

Когда переходить на Cursor

Как установить

Первые шаги в Cursor

Главные функции Cursor

Что важно знать

Когда нужен Cursor

Если Cursor кажется страшным — есть Lovable.

Это инструмент для тех, кто хочет создавать приложения, не видя код.

Что такое Lovable

Для кого подходит

Как начать

Пример первого проекта

Цена

Главные функции

Если ваша задача — сделать красивый сайт или landing page — v0 идеален.

Что такое v0

v0 — от компании Vercel.

Заточен под создание интерфейсов.

Делает красивые сайты из коробки.

Современный дизайн без усилий.

Когда использовать

v0 — для:

• Landing pages

• Сайты-визитки

• Marketing сайты

• UI компоненты

• Любые красивые интерфейсы

Не подходит:

• Для сложных приложений с backend

• Когда нужна сложная логика

Как начать

Шаги:

Перейдите на v0.dev

Зарегистрируйтесь

Начните новый проект

Описываете дизайн в чате.

v0 создаёт.

Видите live preview.

Просите изменения через чат.

Первый проект в v0

Напишите:

Создай landing page для онлайн-курса по йоге.

Структура:

1. Hero — заголовок 'Найди баланс через йогу'

подзаголовок про доступность для новичков

кнопка 'Записаться'

2. О чём курс — 3 пункта с иконками

3. Программа — список уроков

4. Отзывы — 3 отзыва учеников

5. Цена — $99 за полный курс

6. FAQ — 5 вопросов

7. Final CTA с формой email

Стиль: спокойный, естественные цвета, мягкие переходы.

v0 создаёт за 30-60 секунд.

Получаете красивый landing.

Дальше — итерации.

Скачивание кода

v0 даёт код.

Можете скачать. Открыть в Cursor. Доработать.

Это мощная связка — v0 для дизайна, Cursor для логики.

Цена

• Free — ограниченное использование

• Premium — $20/месяц

Создали сайт. Где он будет жить?

На вашем компьютере — никто не увидит.

Нужен хостинг.

Vercel — лучший выбор для начинающих.

Что такое Vercel

Как использовать

Custom domain

Цена

Что важно знать

Первый проект — самый простой.

Сайт-визитка. Одна страница. О вас или вашем бизнесе.

Что мы строим

Простая страница со следующим:

• Заголовок — ваше имя или название

• Краткое описание (3-5 предложений)

• Контакты

• Ссылки на соцсети

• Возможно — фото

Какие инструменты

Для первого проекта рекомендую — v0.dev.

Простой. Быстрый. Красиво из коробки.

Шаг 1. Подготовьте информацию

Прежде чем открывать инструмент — подумайте, что писать.

Возьмите бумагу. Запишите:

Ваше имя или название

Чем занимаетесь (одна фраза)

Подробное описание (3-5 предложений)

Email

Телефон (если нужно)

Telegram, LinkedIn, Twitter и т.д.

Это займёт 15 минут.

Без этого — не открывайте инструмент.

Иначе сядете, не будете знать, что писать.

Шаг 2. Открываем v0

Зайдите на v0.dev.

Зарегистрируйтесь, если ещё нет аккаунта.

Нажмите «New».

Шаг 3. Пишем промпт

В поле для текста напишите:

Создай простую сайт-визитку (одна страница).

Информация:

Имя: [ВАШЕ ИМЯ]

Профессия: [ВАША ПРОФЕССИЯ]

Описание: [ВАШЕ ОПИСАНИЕ]

Контакты:

- Email: [ВАШ EMAIL]

- Telegram: [ВАШ TG]

- LinkedIn: [ВАШ LINKEDIN]

Структура страницы:

1. Hero с именем, профессией, фото placeholder

2. О себе (описание)

3. Контакты

Стиль: современный, минималистичный, светлая тема.

Шрифт: чистый, читабельный.

Нажмите Enter.

v0 начнёт генерировать.

Через 30 секунд — увидите страницу.

Шаг 4. Итерации

Первый вариант — обычно неплохой.

Но может что-то не нравиться.

Просите изменения:

«Сделай hero больше»

«Замени цвет на синий»

«Добавь иконки к контактам»

«Сделай шрифт крупнее»

После каждого запроса — v0 обновляет.

Итерируйте, пока не понравится.

Обычно 5-10 итераций.

Шаг 5. Деплой

Когда нравится — Deploy.

Нажимаете кнопку «Deploy» в v0.

Через 1-2 минуты — получаете URL.

Что-то типа: my-portfolio-abc123.vercel.app.

Это ваш сайт.

Откройте URL в браузере. Покажите друзьям. Делитесь.

Шаг 6. Custom domain (опционально)

Хотите свой домен?

Купите. В Namecheap, Reg.ru, любом регистраторе.

$10-15 в год.

В Vercel — добавьте custom domain.

Vercel дадут инструкции, что куда направить.

Это технически. Если непонятно — спросите у Claude:

«Помоги настроить custom domain в Vercel. Я купил домен my-name.com на Namecheap. Что делать?»

Claude объяснит шаги.

Время на проект

Подготовка информации: 15 минут.

v0 promтinг и итерации: 1-2 часа.

Deploy: 5 минут.

Custom domain: 30 минут (если делаете).

Total: 2-3 часа на полностью готовую визитку.

Раньше — это было задание дизайнеру за $300-1000.

Сейчас — ваш вечер.

Что вы узнали

Сделав этот проект, вы:

• Поняли, как работает v0

• Освоили основы промпт-инжиниринга

• Сделали свой первый deployed сайт

• Получили опыт итерации

• Поняли — это реально

Это огромный прогресс.

99% людей не сделают даже этого.

Второй проект — личный блог.

Несколько страниц. С возможностью добавлять статьи.

Что мы строим

Сайт с:

• Главная страница со списком статей

• Отдельные страницы для каждой статьи

• Страница «Обо мне»

• Контакты

Какие инструменты

Для этого проекта — Lovable.

Lovable хорош для многостраничных приложений.

Шаг 1. Подготовка

Решите:

• Тематика блога

• Несколько первых статей (хотя бы 3)

• О чём страница «Обо мне»

• Контакты

Это критично.

Без контента — блог пустой.

Шаг 2. Промпт в Lovable

Идите на lovable.dev.

Создайте новый проект.

Напишите:

Создай личный блог.

Тематика: [ВАША ТЕМА]

Структура:

- Главная страница: список статей с заголовком, кратким описанием, датой

- Страница каждой статьи: полный текст

- Страница 'Обо мне': описание автора

- Страница 'Контакты': форма

Навигация: меню в шапке.

Стиль: чистый, читабельный, акцент на тексте.

Цвета: чёрный текст на белом фоне, акцент — синий.

Шрифт: для статей — Georgia или похожий, для остального — современный санс-сериф.

Lovable создаст структуру.

Шаг 3. Добавление статей

Lovable создаст пример статей.

Замените на свои.

Просите Lovable:

Замени первую статью на следующую:

Заголовок: [ВАШ ЗАГОЛОВОК]

Дата: [ДАТА]

Краткое описание: [ОПИСАНИЕ]

Текст статьи:

[ПОЛНЫЙ ТЕКСТ]

Повторите для каждой статьи.

Шаг 4. Страница «Обо мне»

Замени текст на странице 'Обо мне' на:

[ВАШ ТЕКСТ]

Простыми словами расскажите о себе.

Lovable обновит.

Шаг 5. Итерации

Смотрите результат.

Что не нравится — просите изменить.

«Добавь дату публикации крупнее»

«Сделай отступы между статьями больше»

«Добавь оглавление в длинной статье»

Шаг 6. Deploy

В Lovable — кнопка «Publish».

Через 1-2 минуты ваш блог в интернете.

URL.

Делитесь.

Что делать с обновлениями

Хотите добавить новую статью?

Возвращаетесь в Lovable.

Просите добавить статью.

Re-publish.

Это работает для блога на 10-20 статей.

Если будет 100+ — нужны другие решения.

Об этом — в продвинутых главах.

Время на проект

Создание структуры: 30 минут.

Добавление контента: 1-2 часа.

Итерации: 1 час.

Total: 3-4 часа на готовый блог с 3-5 статьями.

Третий проект — интерактивный калькулятор.

Что-то полезное. Например, калькулятор ROI или калькулятор накоплений.

Что мы строим

Калькулятор накоплений.

Пользователь вводит:

• Текущая сумма

• Ежемесячный взнос

• Процентная ставка

• Срок (в годах)

Калькулятор показывает:

• Итоговая сумма

• Сколько внесено всего

• Сколько получено процентами

• График по годам

Инструмент

Lovable или v0.

Я возьму Lovable для этого проекта (нужна интерактивность).

Шаг 1. Промпт

Создай калькулятор накоплений.

Поля ввода:

- Текущая сумма (число, в рублях)

- Ежемесячный взнос (число)

- Годовая процентная ставка (число, например 7.5)

- Срок в годах (число)

Вычисления:

- Используй формулу сложного процента с ежемесячным начислением

- Учитывай ежемесячный взнос

Отображай результаты:

- Итоговая сумма через N лет

- Всего внесено

- Заработано на процентах

- Простой график роста по годам

Стиль: финансовый, профессиональный.

Цвета: тёмно-зелёный, акцент золотой.

Lovable создаст калькулятор.

Шаг 2. Тестирование

Введите тестовые данные.

Например:

• Текущая сумма: 100 000

• Взнос: 10 000

• Ставка: 8

• Срок: 10

Проверьте результат.

Если выглядит правильно — отлично.

Если нет — просите проверить математику:

Проверь формулу. Текущая сумма 100000, взнос 10000, ставка 8%, срок 10 лет должны дать примерно X. Сейчас дают Y. Что не так?

Lovable исправит.

Шаг 3. Улучшения

Можете добавить:

• Возможность изменения валюты

• Сравнение нескольких сценариев

• Экспорт результатов

• Поделиться в соцсетях

Каждое — отдельный запрос.

Шаг 4. Зачем это

Калькулятор сам по себе — может приносить пользу.

Опубликуйте — люди будут использовать.

Можете монетизировать:

• Рекламу

• Партнёрские ссылки на инвестиционные сервисы

• Премиум функции

• Email-сбор для рассылки

Маленький проект может приносить $100-500 в месяц.

Сделаете 5-10 таких — это уже бизнес.

Время на проект

Building: 1-2 часа.

Тестирование: 30 минут.

Итерации: 1-2 часа.

Total: 3-5 часов.

Четвёртый проект — интерактивный тест.

Например, «Какой ты тип путешественника».

Или «Подбери лучший курс под себя».

Что мы строим

Многошаговый тест с:

• Несколько вопросов

• Варианты ответов

• Прогресс-бар

• Финальный результат

• Возможность поделиться

Идеи для тестов

Подумайте о вашей нише:

• «Какой стиль fitness тебе подходит»

• «Какой бизнес можно начать»

• «Какой продукт выбрать»

• «Какая профессия твоя»

• «Какой курс изучать»

Тесты — мощный лид-магнит.

Люди любят узнавать о себе.

Шаг 1. Дизайн теста

Прежде чем строить — продумайте логику.

Возьмём пример: «Какой ты тип маркетолога».

4 типа: Аналитик, Креативщик, Стратег, Исполнитель.

5 вопросов. Каждый — 4 варианта ответа.

Каждый ответ начисляет очки одному из типов.

В конце — у кого больше очков, тот результат.

Записать всё на бумаге перед тем, как открывать инструмент.

Шаг 2. Промпт в Lovable

Создай интерактивный quiz 'Какой ты тип маркетолога'.

Структура:

1. Welcome screen с описанием и кнопкой 'Начать'

2. 5 вопросов с 4 вариантами ответов каждый

3. Финальный экран с результатом

Вопрос 1: [ВАШ ВОПРОС]

Варианты:

A) [ВАРИАНТ] — даёт 1 очко Аналитику

B) [ВАРИАНТ] — даёт 1 очко Креативщику

C) [ВАРИАНТ] — даёт 1 очко Стратегу

D) [ВАРИАНТ] — даёт 1 очко Исполнителю

[Повторить для всех 5 вопросов]

Результаты:

Аналитик: [ОПИСАНИЕ ТИПА]

Креативщик: [ОПИСАНИЕ]

Стратег: [ОПИСАНИЕ]

Исполнитель: [ОПИСАНИЕ]

Прогресс-бар сверху.

Кнопка 'Поделиться результатом' в конце.

Стиль: яркий, дружелюбный, современный.

Lovable создаст.

Шаг 3. Тестирование

Пройдите тест сами.

Несколько раз — давая разные ответы.

Проверяйте, что результаты соответствуют вашей логике.

Если что-то не так — указывайте Lovable:

Я выбрал ответы A, A, A, A, A. Должен получить 'Аналитика'. Получил 'Креативщика'. Что-то не так с логикой подсчёта.

Lovable исправит.

Шаг 4. Лид-магнит

Хитрость — добавить форму для email после результата.

«Хочешь получить полный гайд для своего типа? Введи email».

Это лид-магнит.

Люди вводят email. Вы получаете базу подписчиков.

Просите Lovable:

Перед показом результата добавь форму с полем 'Email'.

Текст: 'Введи email чтобы узнать свой тип и получить детальный гайд'.

После ввода email — показывай результат.

Сохраняй emails в базе данных.

Lovable сделает.

Шаг 5. База данных

Чтобы сохранять emails — нужна база данных.

Lovable предлагает Supabase integration.

Согласитесь.

Lovable настроит.

Emails будут собираться.

Использование

Опубликуйте тест.

Делитесь в соцсетях.

«Узнай, какой ты тип маркетолога».

Люди проходят. Оставляют email.

Вы получаете лиды.

Конверсия таких тестов — 15-30%. Очень высокая.

Время на проект

Дизайн логики: 1-2 часа.

Building: 1-2 часа.

Тестирование и итерации: 1-2 часа.

Total: 4-6 часов на готовый тест с базой.

Пятый проект — приложение для управления задачами.

Не уникальное. Но классический упражнение для понимания основ.

Что мы строим

• Список задач

• Добавление новых

• Отметка выполненных

• Удаление

• Категории/теги

• Сохранение между сессиями

Инструмент

Lovable.

Промпт

Создай to-do приложение.

Функции:

- Добавление задач

- Поле для текста задачи

- Кнопка 'Добавить'

- Список всех задач

- Checkbox возле каждой для отметки 'выполнено'

- Кнопка удаления возле каждой

- Фильтр: Все / Активные / Выполненные

- Категории через теги

- Поиск по тексту

Сохранение:

- В localStorage браузера (сохраняется между сессиями)

Стиль: чистый, минималистичный, удобный для ежедневного использования.

Lovable создаст.

Тестирование

Добавьте несколько задач.

Отметьте выполненными.

Удалите.

Закройте браузер. Откройте снова.

Задачи должны сохраниться.

Если нет — просите Lovable исправить.

Использование

Это приложение можете использовать сами.

Удобнее многих готовых to-do приложений.

Потому что — точно под ваши нужды.

Развитие

Можно добавить:

• Дата выполнения

• Приоритеты

• Повторяющиеся задачи

• Уведомления

• Синхронизация между устройствами

Каждая фича — отдельный запрос.

Так растёт приложение.

Шестой проект — самый сложный.

Здесь делаем не для себя.

Делаем для других — то, что они могут использовать.

Идея

Конструктор блогов.

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

Это мини-SaaS.

Что нужно

• Регистрация пользователей

• Личный кабинет

• Создание статей

• Публичная страница пользователя

• Простой админ-функционал

Инструмент

Lovable + Supabase.

Это серьёзный проект.

Но Lovable справится.

Этап 1. Базовая структура

Создай платформу для блогов.

Функции:

- Регистрация пользователей (email + пароль)

- Логин

- Личный кабинет

- Создание/редактирование статей

- Список своих статей

- Публичная страница пользователя по адресу /username

- На публичной странице — список статей и ссылки на них

- Каждая статья — на отдельной странице

Используй Supabase для базы данных и аутентификации.

Стиль: чистый, профессиональный.

Lovable создаст основу.

Этап 2. Тестирование

Зарегистрируйте тестовый аккаунт.

Создайте несколько статей.

Проверьте публичную страницу.

Что не работает — просите исправить.

Этап 3. Улучшения

Может понадобиться:

• Подтверждение email при регистрации

• Сброс пароля

• Настройки профиля

• Дизайн публичных страниц

По одной фиче за раз.

Что вы научились

Сделав этот проект, вы поняли:

• Как работают приложения с пользователями

• Что такое аутентификация

• Как структурировать данные

• Как делать сложные приложения

Это огромный шаг.

От простой странички до полноценной платформы.

Что дальше

Можете:

• Использовать сами

• Запустить как продукт

• Продать кому-то

• Развивать как бизнес

Это уже не упражнение.

Это потенциальный бизнес.

Время на проект

Этот серьёзнее.

Total: 10-20 часов работы.

Растянутых на 2-4 недели.

Это нормально для проекта такого уровня.

Главное: 6 проектов от простого к сложному — это ваш путь от нуля до уверенного вайбкодера. Сделайте все. По очереди. Не пропускайте.

Когда ваше приложение должно «помнить» данные — нужна база.

Зачем нужна база данных

Что такое база данных

Supabase — лучший выбор для начала

Регистрация в Supabase

Как использовать с Lovable

Что важно знать

Bezopasность важна

Бесплатные лимиты

Когда приложение должно «общаться» с другими сервисами — нужны API.

Что такое API

API — это способ программ общаться друг с другом.

Простой пример: ваше приложение использует Google для входа.

Ваше приложение «общается» с Google API.

«Привет Google, проверь этого пользователя».

Google отвечает: «Да, это Иван Иванов».

Это работа через API.

Зачем вам это

Через API можете:

• Принимать платежи (Stripe)

• Отправлять emails (Resend, SendGrid)

• Использовать AI в приложении (Claude API, OpenAI API)

• Интегрироваться с соцсетями

• Подключать любые сервисы

Это открывает огромные возможности.

Простой пример с Claude API

Допустим, делаете приложение «AI помощник по email».

Пользователь вводит ключевые слова.

Ваше приложение отправляет в Claude API.

Claude генерирует email.

Возвращает текст.

Ваше приложение показывает пользователю.

Это всё — через API.

Как это настроить

Шаги (упрощённо):

Регистрируетесь в сервисе (Anthropic для Claude)

Получаете API ключ

В Lovable/Cursor — подключаете

Просите AI добавить вызовы к API

AI сделает всё нужное.

Главное — у вас есть API ключи.

Безопасность API ключей

API ключ — это как пароль.

Никогда не показывайте никому.

Никогда не публикуйте в коде.

Используйте environment variables.

Что это? Специальное место для секретов.

В Vercel — есть Environment Variables в настройках.

Вставляете туда. Приложение использует. Никто не видит.

Сколько стоит

Использование API — обычно платно.

Цены зависят от сервиса.

Claude API — около $3-15 за миллион токенов.

OpenAI API — около $2-30.

Stripe — берёт процент с платежей.

Resend — бесплатно до 100 emails/день.

Это копейки для большинства приложений.

Серьёзные траты начинаются только при больших объёмах.

Простые интеграции

Lovable умеет интегрироваться с популярными сервисами.

Просто скажите:

Добавь возможность приёма платежей через Stripe.

Lovable настроит.

Скажет, где вставить API ключ Stripe.

Готово.

Это магия современных инструментов.

То, что 5 лет назад занимало недели работы программиста — сейчас минуты.

Готовое приложение должно где-то жить, чтобы пользователи могли его открыть.

Это деплой.

Vercel — рекомендую для всего

Деплой из Lovable

Деплой из Cursor

Custom domain

Что важно настроить после деплоя

Что делать, если сайт сломался

Скейлинг

Это случится.

Часто.

Особенно в начале.

Что делать.

Главный принцип

Типичные проблемы

Когда обращаться к community

Не сдавайтесь

Git — это система контроля версий.

Звучит сложно.

На деле — спасение от потери работы.

Зачем git

Представьте — построили приложение.

3 недели работы.

Что-то сломали.

Не помните, что.

Без git — потеряли работу.

С git — откатились на предыдущую версию.

Сохранили часы и нервы.

Основные понятия

Не обязательно понимать всё.

Достаточно знать:

• Repository (repo) — папка вашего проекта

• Commit — сохранение версии

• Push — отправка на сервер (GitHub)

• Branch — параллельная версия

Простой workflow

Каждый раз, когда сделали что-то рабочее:

Commit

Push

Это сохраняет версию.

Что-то сломалось? Откатывайтесь к последнему рабочему commit.

Через Cursor

В Cursor есть git-интеграция.

Левая панель → Source Control.

Видите изменения.

Кнопка «Commit» сохраняет.

Кнопка «Push» отправляет.

Проще, чем командная строка.

GitHub

Место, где хранятся ваши проекты.

Регистрация на github.com.

Бесплатно. Можно создавать приватные и публичные репозитории.

Vercel подключается к GitHub автоматически.

Простые команды

Если хотите освоить — Claude поможет.

Спросите:

Объясни базовые команды git для абсолютного новичка. Я только начал и хочу понять основы.

Claude даст пошаговое объяснение.

За час освоите базу.

За неделю — будете уверенно работать.

Не паникуйте

Git кажется сложным.

Особенно когда видите термины как «merge», «rebase», «cherry-pick».

Игнорируйте.

Начинающему нужны только: commit, push, pull.

Остальное — позже.

Главное: База данных, API, деплой, git — это инфраструктура. С ней становится возможным серьёзная разработка. Постепенно осваивайте.

Когда освоили вайбкодинг — есть несколько способов превратить навык в деньги.

Путь 1. Фриланс

Путь 2. Productized service