Обновлено: июль 2026. Лендинг реально собрать за один вечер, если сначала описать продукт словами, а не сразу открывать редактор кода. Lovable строит полную страницу с текстом и версткой по одному промпту, v0 от Vercel генерирует чистые React-компоненты и деплоит их в один клик, а Cursor подходит, когда нужен полный контроль над Next.js-кодом. Ниже: пошаговый план, готовый промпт и честное сравнение трёх путей.
В 2026 году три инструмента закрывают задачу "нейросеть онлайн сделать проект" за вечер: Lovable для полностью готовой страницы с текстом, v0 для React-компонентов с деплоем на Vercel, Cursor для тех, кто хочет писать код руками рядом с AI. Ниже: сравнение, промпт под ключ и пошаговый деплой.
Зачем вообще делать pet project в виде лендинга?
Лендинг — самый быстрый способ показать работодателю или клиенту, что ты умеешь делать вещи руками, а не только рассказывать о них.
Одностраничник не требует базы данных, авторизации и сложной логики. Его можно закончить за один присест и сразу выложить по ссылке. Из всех форматов pet project именно лендинг проще всего довести до финала: экран, текст, кнопка, форма. Разбор на канале NextWork показывает деплой через v0 и Vercel за 45 минут с нуля, включая настройку аккаунтов.
Вайбкодеры в VibeCoderz любят лендинг как первый проект именно из-за этого: результат виден сразу, а не через три недели. Здесь работает принцип трёх единичек: один сегмент аудитории, одна задача, одна кнопка действия. Не пытайся впихнуть в pet project каталог товаров и личный кабинет, это уже другой проект.
Lovable или v0: что выбрать для лендинга-визитки?
Lovable выигрывает, если нужен готовый текст и дизайн из одного промпта. v0 выигрывает, если важен чистый React-код и деплой строго в экосистему Vercel.
Lovable в 2026 году оценивается в 6,6 млрд долларов и держит более 8 млн зарегистрированных пользователей. Инструмент генерирует не просто вёрстку, а весь контент секций: hero, преимущества, тарифы, FAQ, на основе описания оффера. v0 честнее фокусируется на компонентах: shadcn/ui плюс Tailwind, без претензии на полноценный бэкенд.
Разница ощущается уже в первом промпте. У Lovable можно попросить «создай лендинг для архитектурной студии, зелёный акцент, тёмная тема» и получить готовые блоки текста без правок. У v0 тот же запрос даст аккуратный, но более скупой на копирайт результат: там сильная сторона в чистоте компонентов, а не в генерации маркетингового текста.
Для быстрого pet project без бэкенда оба варианта закрывают задачу. Разница всплывает на деплое: v0 нативно уходит в Vercel одним кликом, Lovable публикует на собственном поддомене lovable.app, а кастомный домен подключается вручную через DNS-записи.
Таблица: Lovable vs v0 для лендинга
| Параметр | Lovable | v0 (Vercel) |
|---|---|---|
| Бесплатный тариф | 5 кредитов в день, максимум 30 в месяц | $5 кредитов в месяц, лимит сообщений в день |
| Платный вход | Pro от $25/мес, 100 кредитов | Premium $20/мес |
| Генерация текста | Полный копирайт секций | Скорее заглушки, текст слабее |
| Деплой | Свой поддомен + ручной DNS | Один клик в Vercel |
| Бэкенд | Supabase из коробки | Только фронтенд |
| Стек вывода | React + Supabase | React, Next.js, Tailwind, shadcn/ui |
Как задеплоить лендинг через v0 и Vercel бесплатно?
Регистрируешь GitHub и Vercel, входишь в v0.dev через аккаунт Vercel, пишешь один промпт, экспортируешь код в GitHub одной кнопкой, дальше Vercel деплоит сайт автоматически при каждом пуше в main.
Связка v0 плюс Vercel даёт бесплатный HTTPS, CDN на edge-серверах и защиту от DDoS без единой строчки конфигурации. Об этом прямо говорится в материале NextWork: после экспорта проекта в GitHub любое изменение в main-ветке разворачивается автоматически, это и называется continuous deployment.
Порядок такой: создаёшь аккаунт GitHub, если его ещё нет. Заходишь на v0.dev через Vercel-логин. Пишешь описание лендинга простым языком, например «интернет-магазин с товарной страницей и оформлением заказа, минимализм, без лишних изображений». Через минуту получаешь рабочую страницу.
Дальше жмёшь иконку GitHub в v0, экспортируешь проект как новый репозиторий. Первый пуш уходит на отдельную ветку, поэтому нужно смержить pull request в main, чтобы Vercel подхватил изменения. После мержа сайт живёт по адресу vercel.app, а кастомный домен подключается через А-запись и TXT-запись для верификации.
Cursor подходит для лендинга, если нужен полный контроль над кодом?
Да, но только если ты готов писать промпты внутри редактора кода, а не в чат-интерфейсе. Cursor не генерирует лендинг целиком по одной фразе, зато даёт точечный контроль над каждой секцией.
В отличие от Lovable и v0, Cursor не строит страницу с нуля по текстовому описанию. Здесь процесс другой: сначала создаёшь Next.js-проект вручную (например, через shadcn/ui init), затем прикладываешь скриншот вайрфрейма и просишь AI сгенерировать конкретную секцию. Именно так строился крипто-лендинг в туториале с Recraft AI для изображений и Cursor для кода: hero-секция, карточки, FAQ собирались по очереди, каждая со своим промптом и скриншотом-референсом.
Это дольше, чем один промпт в Lovable. Зато результат предсказуемее: ты видишь код построчно, можешь исправить конкретный компонент без риска, что AI перепишет весь файл. Для pet project, который потом пойдёт в резюме разработчика, это весомый плюс: рекрутер увидит структурированный репозиторий, а не сгенерированный конструктором проект.
Есть нюанс. Cursor требует хотя бы базового понимания структуры Next.js-приложения. Если ты вообще не разработчик, лучше начать с Lovable или v0 и перейти в Cursor позже, для тонкой доводки экспортированного кода.
Сколько стоит собрать лендинг: сравнение тарифов на июль 2026
Бесплатных тарифов хватает ровно на один вечер работы. Для регулярной практики выгоднее Cursor Pro за $20 в месяц: безлимитный Tab и доступ ко всем моделям.
По данным независимых обзоров, Lovable Pro стоит $25 в месяц за 100 кредитов, при этом сложный запрос вроде добавления авторизации съедает около 1,2 кредита. v0 Premium стоит $20 в месяц и работает по токенам модели, а не по фиксированным кредитам за сообщение. Cursor Pro также $20 в месяц, но добавляет безлимитные Tab-автодополнения плюс пул на выбор топовых моделей.
Таблица тарифов
| Инструмент | Бесплатно | Платный вход | Что входит |
|---|---|---|---|
| Lovable | 5 кред/день, до 30/мес | Pro $25/мес | 100 кредитов, кастомный домен, приватные проекты |
| v0 (Vercel) | $5 кредитов/мес | Premium $20/мес | Больше кредитов, доступ к топ-моделям v0 Max |
| Cursor | 2000 автодополнений/мес | Pro $20/мес | Безлимитный Tab, агент-режим, все модели |
Для одного pet project вечером бесплатного тарифа хватит везде. Проблема начинается, если лендинг не получился с первого раза и нужно 5-6 итераций правок: тогда Lovable на free-плане упрётся в дневной лимит быстрее остальных.
Как написать промпт для лендинга «под ключ»?
Хороший промпт для Lovable или v0 описывает пять вещей одним абзацем: аудиторию, оффер, стиль, структуру секций и тон текста. Без этого AI выдаёт универсальный шаблон.
Главная ошибка новичков видна в разборе на YouTube-канале про Lovable и HighLevel: человек просит «сделай лендинг для моего бизнеса» без единой детали и потом удивляется слабому результату. Проблема не в инструменте, а в том, что оффер вообще не был определён до старта генерации.
Вот рабочий шаблон промпта для Lovable или v0:
Создай лендинг для [название продукта].
Аудитория: [кто это, чем занимается].
Оффер: [что именно продаём, какая цена или модель].
Стиль: [минимализм / тёмная тема / конкретные цвета].
Структура: hero с заголовком и кнопкой, блок с преимуществами, блок с ценами, отзывы,
FAQ, футер с контактами. Тон текста: прямой, без воды, с конкретными цифрами там,
где уместно.
Лайфхак: запусти один и тот же промпт в двух разных чатах Lovable параллельно. AI выдаёт разные варианты каждый раз, поэтому дешевле сравнить два черновика и доработать лучший, чем пытаться вытянуть один неудачный результат бесконечными правками.
Максим: «GoBanana мы вообще собрали за три часа после выхода новой модели, шесть-восемь часов суммарно на продукт, который принёс двенадцать миллионов рублей. Лендинг для pet project — это даже не вечер, это пара часов, если оффер уже понятен заранее.»
Какие ошибки убивают pet-project лендинг?
Три частые ошибки: генерация без определённого оффера, попытка добавить слишком много функций и игнорирование мобильной версии перед публикацией.
Первая ошибка уже разобрана выше: без чёткого оффера AI генерирует обтекаемый текст, который не продаёт ничего конкретного. Вторая: желание добавить каталог, личный кабинет и чат поддержки в первый pet project. Помни про принцип трёх единичек, один экран и одна кнопка действия работают лучше перегруженной страницы.
Третья ошибка всплывает при публикации. В туториале с Cursor и крипто-лендингом отдельным шагом идёт проверка мобильной адаптивности заголовков и навигации, потому что первая генерация почти всегда ломается на маленьких экранах. Всегда открывай готовый лендинг с телефона перед тем, как делиться ссылкой.
Отдельно стоит знать: у Lovable весной 2026 года был третий за год инцидент безопасности, связанный с доступом к чужим проектам через уязвимость BOLA (подробности в материале Creatr). Для pet project без реальных пользовательских данных это не критично, но для продакшн-проекта с формами и базой данных стоит держать это в уме.
Кому что выбрать: итоговая карта
| Ситуация | Что использовать |
|---|---|
| Нужен готовый текст и дизайн за один вечер | Lovable |
| Нужны чистые React-компоненты и деплой в Vercel | v0 |
| Уже пишешь код и хочешь контроль над каждой строкой | Cursor |
| Показать pet project работодателю как код-портфолио | Cursor + GitHub |
| Быстро протестировать идею без бюджета | Lovable free или v0 free |
Обзоры инструментов на VibeCoderz: Lovable, v0, Cursor. Весь каталог AI-инструментов для вайбкодинга собран в каталоге IDE.
Глоссарий
- Pet project — учебный или демонстрационный проект, который делают не по заказу, а для практики или портфолио.
- Промпт — текстовый запрос к нейросети, описывающий, что именно нужно сгенерировать.
- Деплой — публикация проекта на сервере, после которой к нему можно обратиться по ссылке в интернете.
- Continuous deployment (CD) — автоматическая публикация новой версии сайта при каждом изменении кода в основной ветке репозитория.
- Кредит — условная единица оплаты в Lovable и v0, списывается за каждое сообщение или генерацию в зависимости от сложности запроса.
FAQ
Можно ли сделать лендинг вообще без опыта программирования?
Да, Lovable и v0 подходят именно для этого случая: описываешь идею словами, получаешь готовую страницу. Cursor уже требует базовое понимание структуры проекта.
Какой тариф выбрать для первого pet project?
Бесплатного тарифа Lovable или v0 достаточно для одного лендинга. Плати только если планируешь делать несколько проектов подряд или упёрся в дневной лимит.
Нужен ли отдельный хостинг для лендинга?
Нет. v0 деплоит напрямую в Vercel бесплатно, Lovable публикует на собственном поддомене lovable.app. Отдельный хостинг нужен только для кастомного домена.
Можно ли потом перенести лендинг из Lovable в свой репозиторий?
Да, Lovable поддерживает экспорт кода в GitHub, после чего можно продолжить работу в Cursor или любом другом редакторе.
Что делать, если результат генерации не устраивает?
Не переписывай весь промпт заново. Точечно опиши, что именно поменять: цвет, расположение блока, текст кнопки. Так тратится меньше кредитов на итерацию.
Стоит ли использовать Cursor для первого pet project?
Если цель, показать код в резюме, да. Если цель, быстро протестировать идею, начни с Lovable или v0 и перейди в Cursor позже для доводки.
Работает ли эта связка из России?
v0 и Vercel доступны напрямую. Оплата иностранных подписок через российские карты может требовать дополнительных решений, это стоит проверить перед подпиской на платный тариф.
Обновлено: июль 2026
Каталог инструментов на vibecoderz.ru/ide. Если нужна консультация по выбору стека под конкретную задачу, можно записаться на консультацию к Максиму.