Lovable vs Claude Code в 2026: что выбрать для первого проекта

Каждый день в Telegram-канале - что нового в вайб-кодинге: инструменты, кейсы, ошибки. Подпишись, чтобы быть в курсе.

Что такое Lovable, а что такое Claude Code

Lovable - это браузерный билдер от шведского стартапа Антона Осики (бывший физик частиц в CERN) и Фабиана Хедина. Продукт вырос из их open-source проекта GPT Engineer (55 тысяч звёзд на GitHub) и был ребрендирован в Lovable в конце 2024. В июле 2025 компания привлекла $200 миллионов Series A и стала единорогом, в декабре 2025 - $330 миллионов Series B при оценке 6,6 миллиарда долларов и 200 миллионов ARR. Технически Lovable - это надстройка над Claude Opus от Anthropic: компания публично подтверждает, что после оценки коммерческих и open-source моделей выбрала Claude как основную (Anthropic customer story Lovable). То есть подход «или Lovable, или Claude» сильно упрощает картину. На практике это слои: Lovable - удобная обёртка над тем же Claude, к которому в Claude Code ты обращаешься напрямую.

Что происходит, когда ты заходишь на lovable.dev:

1. Регистрируешься через Google или GitHub.
2. Пишешь промпт: «Сделай мне CRM для агентства недвижимости с авторизацией и базой клиентов».
3. Через 30-60 секунд видишь живой сайт на бесплатном домене *.lovable.app с базой данных, формой входа и работающими страницами.
4. Дальше уточняешь промптами: «Добавь фильтр по статусу сделки», «Сделай тёмную тему», «Добавь Stripe для оплаты подписки».

Под капотом Lovable собирает React-приложение с Vite, стилями Tailwind CSS и компонентами shadcn/ui. Бэкенд - Supabase: PostgreSQL для данных, Supabase Auth для входа, Edge Functions для серверной логики. С 13 мая 2026 новые проекты используют TanStack Start со server-side rendering. Об этом подробно пишет Vibe Eval в обзоре технологического стека Lovable.

Claude Code - это программа от Anthropic, которая ставится на твой Mac, Windows или Linux. Запускается командой claude в терминале внутри папки проекта. Дальше ты разговариваешь с ним текстом, а он читает файлы, пишет код, запускает команды и фиксит ошибки. Создатель и руководитель направления - Борис Черни, 5 лет до этого был Principal Engineer в Meta. С 16 апреля 2026 основная модель - Opus 4.7, с 28 мая 2026 доступна и Opus 4.8 с функцией Dynamic Workflows (до 1000 параллельных субагентов) (Anthropic - Claude Opus 4.7, MarkTechPost - Opus 4.8 анонс). Claude Code занимает 54% корпоративного рынка ИИ-кодинга, годовая выручка - $2,5 миллиарда (SaaStr - Anthropic ARR).

Главное отличие в одной фразе: Lovable - это сайт, который пишет за тебя сайт. Claude Code - это коллега-разработчик, который сидит у тебя в терминале и слушает указания.

Антон Осика, основатель Lovable, формулирует миссию своего продукта так:

Борис Черни, руководитель Claude Code в Anthropic, смотрит на ту же тему под другим углом - с позиции «ремесло никуда не делось»:

Эти две позиции на самом деле описывают два этапа на одной дороге. Lovable - инструмент перехода «от нуля до единицы», когда у тебя ещё нет ремесла. Claude Code - инструмент роста, когда ты уже понимаешь, как устроены приложения, и хочешь контроля.

Кому подойдёт Lovable, а кому - Claude Code

Я смотрю на это как на выбор между готовым обедом в ресторане и кухней дома. Lovable - это ресторан: садишься, заказываешь, через 20 минут перед тобой блюдо. Claude Code - кухня: набор инструментов, продуктов и помощник, который знает все рецепты, но готовишь ты сам и выбираешь, что и как.

Lovable подходит, если:

• Ты никогда не открывал терминал и не хочешь начинать.
• Нужен прототип под идею за один вечер, чтобы показать партнёру или клиенту.
• Делаешь типовой продукт: посадочная страница, CRM, маркетплейс, дашборд, форма заявок - то, что Lovable собирает сотни раз.
• Готов жить в стеке React + Supabase и не нужен Python, Go или мобильное приложение.
• Платный план в 25-100 долларов в месяц не пугает, и не страшно, что код живёт у вендора.

Claude Code подходит, если:

• Уже работал с папками проектов, знаешь что такое git и .env.
• Нужен контроль над каждым файлом и стек выбираешь сам.
• Проект сложнее типового: бот в Telegram, скрипт обработки данных, мобильное приложение, интеграция с нестандартным API.
• Хочешь, чтобы код жил у тебя в репозитории, а не у вендора.
• Готов разобраться с CLAUDE.md и контекст-инжинирингом, чтобы получать стабильный результат.

Реальный разрез аудитории: на практикуме 51% участников никогда не писали код. Из них примерно половина после первого знакомства с Claude Code говорит «слишком сложно, дайте мне Lovable» - и это нормально для первого вечера. Те, кто остаются, через две недели уже не хотят возвращаться в браузерный билдер, потому что упираются в его лимиты.

Хочешь сразу выбрать связку под свою задачу без угадывания? На практикуме за 3 эфира собираешь все три кита вайб-кодинга: ИИ-клон + Второй мозг + Контекст-инжиниринг. Эта связка превращает любой инструмент - Lovable, Claude Code или их комбинацию - в надёжный конвейер.

Практикум по вайб-кодингу

+Твой второй мозг

3 вечера - стек, метод, первый проект

Старт 9–11 июня  ·  2 000 ₽

Записаться →

Сколько стоит первый проект в каждом инструменте

Lovable: тарифы и кредиты

Официальные тарифы Lovable на май 2026 года:

Один кредит - это примерно один промпт. Лёгкая правка стилей - 0,5 кредита, новая фича с авторизацией - 1,5+ кредита. Главная ловушка: цикл багфикса (когда ИИ чинит одно и ломает другое) может съесть 60-150 кредитов сверху на исходный билд - реальные жалобы пользователей с форумов 2026 года (Vibe Coding With Fred - Lovable 2.0 issues). Докупка кредитов на Pro - $15 за 50 кредитов. Подробный разбор экономики кредитов - у Banani.

⚠️ Отдельная статья расходов - Lovable Cloud (управляемый хостинг от платформы). Не входит в подписку: workspace получает $25/мес бесплатного хостинга + $1/мес бесплатного ИИ-использования. Дальше - оплата по факту (чтения/записи БД, edge-функции, storage). Известный кейс: проект с менее чем 100 активными пользователями съел бесплатный лимит за неделю (sidsaladi Substack - Lovable vs Claude Code).

Claude Code: тарифы и токены

Официальные тарифы Claude на 2026 год:

Плюс есть API-токены для тех, кто строит свои интеграции: Opus 4.8 стоит 5 долларов за миллион входных и 25 долларов за миллион выходных токенов. Подробности - в гайде по Opus 4.8 в Claude Code.

Реальный расчёт на первый проект и на серьёзный

Возьмём типовую задачу: «собрать сайт для записи клиентов с базой данных, формой записи и админкой».

Lovable: на Pro-плане ($25) уйдёт около 30-40 кредитов на сборку и доводку. За месяц укладываешься в один тариф. Дальше каждый новый продукт ИЛИ серьёзная переделка - ещё месяц подписки + потенциально расходы на Lovable Cloud.

Claude Code: на Pro-плане ($20) такая же задача займёт 3-4 часа работы и десяток сессий с ИИ. Месячных лимитов хватит на 2-3 таких проекта параллельно, плюс рутинная работа: правка текстов на сайте, мелкие фиксы, скрипты автоматизации.

На длинной дистанции разница ещё драматичнее. Один разработчик прогнал через Claude Code 10 миллиардов токенов за 8 месяцев: по API это $15 000+, по тарифу Max - около $800 (NxCode - Claude Code Pricing 2026). Если ты делаешь один продукт раз и навсегда - Lovable и Claude Code примерно равны по цене. Если у тебя 5-10 проектов и постоянная работа - Claude Code дешевле в 5-6 раз.

Какой код получаешь на выходе: что под капотом

В Lovable вопрос «на чём это написано» решён за тебя. Каждое приложение - это:

• Фронтенд: React, Vite, Tailwind CSS, библиотека готовых компонентов shadcn/ui.
• Бэкенд: Supabase - PostgreSQL для базы, Supabase Auth для входа, Supabase Storage для файлов, Edge Functions на Deno для серверной логики.
• Реалтайм: Supabase Realtime через WebSocket для чатов и обновлений.
• Платежи: встроенная интеграция со Stripe из коробки.
• Хостинг: на бесплатном плане - *.lovable.app, на платном - свой домен.

Это сильная сторона: один проверенный стек, который покрывает 80% задач непрограммиста. Это же и ограничение: если твой проект - это Telegram-бот, обработка PDF-документов, скрипт парсинга данных или мобильное приложение, Lovable не вариант.

В Claude Code стек определяешь ты. На моих проектах я работал в:

• Next.js + TypeScript + PostgreSQL для платформы smyslokod.ru (этот гайд написан там же).
• Python + FastAPI для одного из бэкендов клиентского продукта.
• Telegram-боты на TypeScript с библиотекой grammY.
• Скрипты обработки данных на Node.js.

Один и тот же Claude Code работает с любой папкой и любым стеком - он читает что в проекте, понимает структуру и говорит на нужном языке. Это даёт свободу, но требует, чтобы ты сам решал, какой стек брать.

Что будет, если продукт зайдёт: развитие проекта

Это сценарий, который мало кто проверяет на старте, но это решающее различие между инструментами.

Допустим, ты собрал в Lovable таск-трекер. Зашло. Клиенты пишут «добавьте интеграцию с нашей CRM», «нужен экспорт в Excel с особенной структурой», «сделайте мобильное приложение». Что происходит:

• Простые правки делаешь промптами - тратишь кредиты.
• Сложные правки часто упираются в архитектуру: Lovable не знает твоей CRM, экспорт нестандартный, мобильное приложение требует другого стека.
• Lovable предлагает экспорт кода и работу в редакторе - но это уже не «вайб-кодинг», это обычная разработка, где надо понимать React, TypeScript и Supabase.

В Claude Code этого слома нет. Ты добавил CRM-интеграцию - Claude Code прочитал доку CRM, написал клиента, протестировал, закоммитил. Понадобилось мобильное приложение - открыл новую папку, дал задачу «собери iOS-приложение на Swift через тот же API», получил результат. Контекст никуда не теряется, потому что ты сам владеешь репозиторием.

Это не значит, что Lovable плох - он отлично решает первую задачу. Это значит, что Lovable - точка входа в продукт, а не дом, в котором продукт живёт долго.

Когда Claude Code и Lovable генерят ошибки: чьи проще чинить

ИИ ошибается всегда. Главный вопрос - сколько усилий стоит починить эти ошибки.

В Lovable, когда что-то сломалось, у тебя 3 варианта:

1. Промптить дальше: «исправь это, кнопка не работает». Часто работает, иногда нет.
2. Откатить через историю Lovable. Откат идёт сразу на N шагов назад - не точечно.
3. Уйти в Dev Mode (только на платных тарифах), редактировать код руками.

В Claude Code, когда баг:

1. Видишь ошибку в терминале или в браузере, говоришь Claude «вот ошибка, разберись».
2. Если зашло в тупик - команда /rewind откатывает на последний рабочий момент (гайд по откату изменений).
3. Можешь сам открыть файл и поправить строку - это твой код.

Преимущество Claude Code здесь в том, что ты видишь, что изменилось и где ошибка. Lovable работает как «чёрный ящик» - результат есть, причина не видна. Для новичка это спасает («не надо разбираться»), но когда продукт сложнее обычной посадочной страницы - превращается в проблему.

4 сценария, где Lovable обходит Claude Code

Сценарий 1: Посадочная страница с формой и базой данных. «Хочу страницу, где люди оставляют email, и я вижу в админке кто оставил». В Lovable - 10 минут с дизайном, доменом и SSL. В Claude Code - 1-2 часа на скелет, плюс публикация ещё час. Если это разовая задача, Lovable выигрывает с большим запасом.

Сценарий 2: Прототип-демо для инвестора или партнёра. Нужно показать, как продукт «будет работать», к встрече через 3 дня. Lovable собирает за вечер визуально красивый рабочий прототип. Можно показать и сказать: «Здесь будет такая логика, тут такая». Партнёр кликает по кнопкам, видит реальность, а не PowerPoint.

Сценарий 3: Типовой продукт по знакомому шаблону. Простая CRM для агентства, портал для клиентов с авторизацией, дашборд с графиками. Lovable собирал такие приложения сотни раз - модель уже знает паттерны. Шанс получить рабочий результат сразу выше.

Сценарий 4: Когда установка - блокер. Если человек реально никогда не открывал терминал и не готов разбираться с Node.js, git и VS Code - Lovable даёт результат, который Claude Code не даст. Лучше иметь рабочий прототип, чем неначатый проект.

4 сценария, где Claude Code обходит Lovable

Сценарий 1: Любой не-веб проект. Telegram-бот, который отвечает клиентам и считает заявки. Скрипт, который раз в час парсит сайт конкурентов и шлёт сводку в Slack. Парсер PDF-документов, который вытаскивает данные для бухгалтерии. Всё это в Lovable не сделаешь - он только для веба. В Claude Code - типовая задача на вечер.

Сценарий 2: Серьёзный продукт «надолго». Если ты строишь компанию вокруг продукта, тебе нужен код в твоём GitHub-репозитории, твоя инфраструктура, твой контроль над всем. Lovable - это всегда привязка к платформе: код можно экспортировать, но без Lovable дальше развивать его сложнее (стек жёсткий, архитектурные решения за тебя). В Claude Code код изначально твой.

Сценарий 3: Нестандартная архитектура или нестандартный стек. Хочешь Bun вместо Node.js. Хочешь Postgres + Redis + ClickHouse. Хочешь Python для ИИ-части и Go для микросервиса. Хочешь воркеры, очереди, веб-сокеты не от Supabase. Всё это в Lovable либо невозможно, либо требует «слома» через ручную правку кода - что обнуляет преимущество билдера.

Сценарий 4: Когда нужен второй мозг для проекта. Серьёзный продукт - это не только код, но и контекст: бизнес-модель, аудитория, юр. ограничения, цели. Этот контекст живёт в папке business/ рядом с кодом и Claude Code читает его при каждом запросе (гайд по второму мозгу в Claude Code). Lovable работает без этого слоя - получаешь технически рабочий продукт без понимания «зачем».

Гибрид: Lovable → Claude Code на одном проекте

Это паттерн, который я вижу всё чаще на проектах участников практикума и в чужих кейсах. Логика простая: каждый инструмент силён в своём, не надо выбирать «или - или».

Как это работает:

1. Стадия идеи. Lovable за один вечер. Описал, что хочешь, получил рабочий прототип с базой, авторизацией, парой страниц. Этого хватает, чтобы показать партнёру или провести 5 интервью с потенциальными клиентами.

2. Стадия проверки. Дальше работаешь в Lovable, пока продукт остаётся простым. 1-2 недели промптинга, мелкие правки, новые поля в базе.

3. Стадия передачи. Когда упёрся в потолок Lovable (нужен Telegram-бот рядом, или сложная логика, или другой язык) - экспортируешь код через Dev Mode (требует Pro-плана), клонируешь репозиторий локально.

4. Стадия развития. Открываешь в VS Code, запускаешь Claude Code из этой же папки. Теперь Claude видит код, который собрал Lovable, и продолжает развивать. Архитектура остаётся та же (React + Supabase), но контроль переходит к тебе.

Минус подхода: ты платишь за Lovable первый месяц (или больше), потом всё равно переходишь в Claude Code. По деньгам - 25-50 долларов сверху. По времени - экономия первой недели разработки. Для большинства идей, которые не зайдут, эти 25 долларов хорошо потраченные: ты быстро понял, что не пошло, и не вложил две недели в скелет, который потом выкинешь.

Номики Петролла, основатель проекта Theanna, описывает свой опыт работы с обоими инструментами так:

Она пересобрала свой основной сайт с 12 интеграциями (Stripe, Customer.io, Meta Pixel) за один день в Lovable, а фичу challenge prompts довела до боевого состояния в Claude Code за 2 дня вместо ожидаемых 2 недель.

5 подводных камней Lovable, которые никто не пишет

Камень 1: Бесплатный план рассчитан на 1-2 вечера. 5 кредитов в день - это скелет приложения и пара правок. Дальше или ждёшь день, или платишь 25 долларов. Я ни разу не видел, чтобы кто-то собрал серьёзный прототип на бесплатном плане.

Камень 2: Доступ к коду - только на Pro+. Бесплатный план не даёт скачать код, открыть его в редакторе или передать разработчику. Если решил уйти - переходишь на платный или начинаешь заново.

Камень 3: Жёсткая привязка к Supabase. Если потом захочешь PostgreSQL у себя на сервере, отказаться от Supabase Auth в пользу своего, или подключить любой не-веб бэкенд - это болезненно. Стек прописан в фундаменте.

Камень 4: Русский язык не из коробки. Lovable генерит интерфейс приложений на английском по умолчанию. Указание «сделай на русском» работает, но иногда часть текстов остаётся английской, особенно служебные ошибки и формы проверки ввода. Чинится отдельными промптами.

Камень 5: Безопасность Supabase - дыра по умолчанию. Это самый важный пункт, который никто не пишет на старте. Исследователи проверили 1 645 приложений из официальной витрины Lovable - 170 из них (10,3%) имели критическую проблему с Row Level Security в Supabase. Любой залогиненный пользователь мог читать, менять и удалять данные других. На реальных приложениях получили доступ к адресам клиентов, суммам долгов и живым ключам Stripe (Superblocks - Lovable Vulnerabilities, CVE-2025-48757). Причина: Lovable создаёт таблицы в Supabase, но не включает RLS-политики по умолчанию. Решение: после первого запуска руками включить RLS в каждой таблице и проверить через docs Supabase. Если ты собираешь продукт с реальными данными пользователей - этот пункт не «потом», это «сразу после первого билда».

5 подводных камней Claude Code, которые отпугивают новичка

Камень 1: Установка - первое препятствие. Чтобы начать, нужно поставить Node.js, npm, git, VS Code и сам Claude Code. На Windows это требует разбора с WSL. На Mac - проще, но всё равно открыть терминал. Если человек никогда этого не делал, первые 30 минут уходят на «как это запустить».

Камень 2: Лимиты улетают за день, если без контекста. На Pro-плане за 20 долларов лимиты считаются в сообщениях и токенах. Если бросать в Claude по 50 файлов проекта каждый раз - лимит сгорит за 2-3 часа. Решение - контекст-инжиниринг: подкладывать только нужное, использовать /clear и /compact, держать CLAUDE.md (гайд про лимиты).

Камень 3: Галлюцинации без контекста. Claude Code умный, но без понимания твоего проекта он выдумает api-методы, поля базы или библиотеки. Без CLAUDE.md с правилами и без папки business/ со вторым мозгом результат - лотерея. С ними - надёжный конвейер (гайд про CLAUDE.md).

Камень 4: Россия - отдельная история, проще чем у Anthropic, но не бесплатно. В сентябре 2025 Anthropic официально заблокировал компании, контролируемые из РФ (с долей >50%) - вместе с Китаем, Ираном и Северной Кореей (The-Decoder - Anthropic bans companies from RU/CN/IR/KP). Личные аккаунты технически работают, но при странных IP-паттернах попадают на review. Что делать: если планируешь работать из РФ - использовать персональный VPN с резидентным IP в одной стране (не публичный VPN-сервис), оплачивать только с карты той же страны, не прыгать между странами. С Lovable ситуация проще: явных блокировок по IP нет, оплатить можно через сервисы-посредники (oplatym и аналоги), но Anthropic-стек под капотом ставит тот же базовый риск, что и с Claude Code напрямую.

Камень 5: Нет визуального редактора. Всё взаимодействие - через текст. Если нужно подвинуть кнопку на 10 пикселей вправо, ты не можешь её перетащить - надо описать словами. Для дизайн-задач это менее удобно, чем визуальные билдеры (включая Lovable).

Как выбрать за 5 минут: таблица решений

Ответь на 5 вопросов и получи рекомендацию:

Если ставишь ✅ Lovable в первых двух строчках и ⚪/❌ в остальных - бери Lovable. Если ставишь ✅ Claude Code в строчках 3-5 - бери Claude Code. Если ✅ в обоих столбцах - бери Lovable на первые 1-2 недели, потом переходи в Claude Code (см. раздел про гибрид выше).

И ещё одно: какой бы инструмент ты ни выбрал, узкое место - не сам ИИ. Главное - как ты с ним работаешь. Связка из трёх китов (ИИ-клон + Второй мозг + Контекст-инжиниринг) даёт стабильный результат в любом инструменте. Без неё ИИ галлюцинирует, с ней работает как надёжная машина. На практикуме за 3 эфира собираем эту связку с нуля.

Полная схема по вайб-кодингу за вечер: ИИ-клон + Второй мозг + Контекст-инжиниринг. 3 эфира, доступ остаётся у тебя.

Практикум по вайб-кодингу

+Твой второй мозг

3 вечера - стек, метод, первый проект

Старт 9–11 июня  ·  2 000 ₽

Записаться →

Новые материалы - дайджестом, без спама

Гайды выходят регулярно. Подпишись, чтобы не пропускать: пришлю подборку в Telegram или на email. Раз в неделю или каждый день - выбираешь сам.

Подписаться в Telegramили на email