Lovable и Claude Code в 2026 году: что выбрать предпринимателю

Инструкции по работе с Ailoot собраны в официальной документации.

Что представляют собой Lovable и Claude Code#

Lovable — браузерный конструктор приложений. В основе сервиса используется Claude Opus от Anthropic: Lovable сообщает, что после оценки коммерческих и открытых моделей выбрала Claude в качестве основной (история сотрудничества Anthropic и Lovable). Поэтому противопоставление «Lovable или Claude» не вполне точно: это разные уровни работы. Lovable предоставляет удобный интерфейс для взаимодействия с Claude, а через Claude Code можно обращаться к модели непосредственно.

Обычно работа в Lovable начинается так:

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 с серверным рендерингом.

Claude Code — программа Anthropic для macOS, Windows и Linux. Её запускают командой claude в терминале из папки проекта. Затем можно описывать задачи обычным текстом: Claude Code читает и изменяет файлы, запускает команды и помогает разбирать ошибки. По официальным материалам Anthropic, Opus 4.7 представлена 16 апреля 2026 года.

Ключевое различие можно сформулировать так: Lovable превращает описание в сайт через браузерный конструктор, а Claude Code работает как помощник-разработчик внутри терминала.

Переход от идеи к первому приложению может быть проще, когда не нужно сразу осваивать всю разработку. При этом для работы с уже существующим продуктом полезно понимать его устройство: языки программирования, компиляторы, среды выполнения и основы создания веб-приложений.

Эти инструменты подходят для разных этапов. Lovable помогает быстро перейти от идеи к первому прототипу. Claude Code удобен, когда нужно глубже разбираться в приложении и управлять его кодом.

Кому подойдут Lovable и Claude Code#

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

Lovable будет удобен, если:

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

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

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

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

Lovable: планы и кредиты

В официальных тарифах Lovable приведены следующие условия на май 2026 года:

Один кредит примерно соответствует одному запросу. Небольшое изменение оформления может стоить 0,5 кредита, а добавление функции с авторизацией — от 1,5 кредита. При цикле исправлений, когда устранение одной ошибки вызывает другую, сверх первоначальной сборки может потребоваться 60–150 кредитов.

⚠️ Отдельно оплачивается Lovable Cloud — управляемая платформой инфраструктура. Она не включена в подписку: рабочее пространство получает бесплатный хостинг стоимостью $25 в месяц и $1 в месяц на использование ИИ. После исчерпания этих объёмов оплата зависит от нагрузки: чтения и записи в базе данных, вызовов Edge Functions и объёма хранилища.

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 подобных проекта параллельно и решать повседневные задачи — менять тексты на сайте, исправлять небольшие ошибки и писать скрипты автоматизации.

При большом объёме использования способ оплаты влияет на итоговую стоимость: API оплачивается по числу токенов, тогда как тарифные планы работают по подписке. Фактические расходы зависят от задач, лимитов плана и интенсивности работы. Если проект нужно собрать один раз, стоимость инструментов может быть сопоставима; при постоянной работе над несколькими проектами имеет смысл сравнить тарифные ограничения с предполагаемым использованием API.

Какой код получится: технологии внутри инструментов#

В Lovable базовые технологии в значительной мере заданы заранее. Типичное приложение включает:

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

Единый стек упрощает создание многих типовых веб-продуктов без глубокого опыта программирования. Но для Telegram-бота, обработки PDF, скрипта анализа данных или мобильного приложения Lovable может не подойти.

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

• Next.js, TypeScript и PostgreSQL для веб-платформы.
• Python и FastAPI для серверной части продукта.
• TypeScript и библиотеку grammY для Telegram-бота.
• Node.js для скриптов обработки данных.

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

Как развивать проект после запуска#

Разницу особенно заметно, когда приложение уже работает и появляются новые требования.

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

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

С Claude Code процесс можно продолжить в том же репозитории: изучить документацию CRM, подготовить интеграцию, проверить её и зафиксировать изменения. Для мобильного клиента можно создать отдельную папку и, например, попросить подготовить приложение для iOS на Swift, использующее тот же API. Репозиторий и его контекст остаются доступными при дальнейшей работе.

Lovable может быть хорошим способом начать разработку. Для долгосрочного развития важно заранее оценить, соответствует ли платформа будущим требованиям проекта.

Ошибки в Claude Code и Lovable: как их исправлять#

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

Если проблема возникла в Lovable, можно:

1. Отправить новый запрос, например: «Исправь ошибку: кнопка не работает». Иногда этого достаточно, но результат зависит от причины сбоя.
2. Вернуться к предыдущему состоянию через историю Lovable. Откат может охватить сразу несколько шагов.
3. Перейти в Dev Mode, доступный на платных тарифах, и исправить код вручную.

При работе с Claude Code можно:

1. Посмотреть сообщение об ошибке в терминале или браузере и попросить Claude разобраться.
2. Если работа зашла в тупик, использовать команду /rewind, чтобы вернуться к предыдущему состоянию (руководство по отмене изменений).
3. Открыть файл и самостоятельно поправить нужную строку: проект находится в твоей папке.

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

Четыре задачи, для которых Lovable особенно удобен#

Сценарий 1: Посадочная страница с формой и базой. Например, нужна страница, где посетители оставляют адрес электронной почты, а заявки доступны в панели администратора. В Lovable можно собрать страницу, подключить домен и SSL примерно за 10 минут. В Claude Code на начальную версию может потребоваться 1–2 часа, а ещё около часа — на публикацию. Для разовой задачи конструктор может оказаться быстрее.

Сценарий 2: Демонстрационный прототип для инвестора или партнёра. Нужно за три дня показать предполагаемый ход работы продукта. Lovable позволяет подготовить интерактивный прототип с оформлением, чтобы на встрече участник мог нажимать кнопки и оценить идею в действии.

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

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

Четыре задачи, где Claude Code даёт больше свободы#

Сценарий 1: Проекты вне веб-разработки. Это может быть Telegram-бот, который отвечает клиентам и учитывает заявки; скрипт, который каждый час анализирует сайт и отправляет сводку в Slack; или инструмент для извлечения данных из PDF для бухгалтерии. Такие задачи не относятся к основному назначению Lovable, а в Claude Code их можно поручить помощнику в рамках обычной разработки.

Сценарий 2: Продукт с длительным сроком развития. Если вокруг приложения строится бизнес, может быть важно хранить код в собственном репозитории GitHub и контролировать инфраструктуру. 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: опиши приложение, добавь базу, авторизацию и несколько страниц. Прототип можно показать партнёру или использовать в пяти интервью с потенциальными клиентами.

2. Этап проверки. Пока приложение простое, продолжай дорабатывать его в Lovable. В течение 1–2 недель можно менять поля базы, улучшать интерфейс и проверять варианты.

3. Этап переноса. Когда возможностей Lovable становится недостаточно — например, нужен Telegram-бот, сложная логика или другой язык программирования, — экспортируй код через Dev Mode. Для этого требуется план Pro. Затем склонируй репозиторий на локальный компьютер.

4. Этап дальнейшей разработки. Открой проект в VS Code и запусти Claude Code из той же папки. Он сможет изучить код, созданный в Lovable, и помочь с дальнейшими изменениями. Основной стек останется React и Supabase, а работа с репозиторием будет под твоим контролем.

Недостаток этого подхода — стоимость начального этапа: потребуется оплачивать Lovable как минимум месяц, а затем продолжить работу в Claude Code. Это добавит 25–50 долларов к расходам, но может сэкономить первую неделю разработки. Для идей, которые не подтвердятся, быстрый прототип позволяет раньше остановиться и не тратить две недели на разработку основы.

Пять ограничений Lovable, которые следует учитывать#

Ограничение 1: бесплатного плана может хватить только на начало. Пять кредитов в день позволяют создать основу приложения и сделать несколько правок. Затем нужно подождать восстановления лимита или перейти на платный план.

Ограничение 2: доступ к коду зависит от тарифа. На бесплатном плане может быть недоступна загрузка кода, его редактирование в отдельном редакторе или передача разработчику. Перед выбором плана проверь действующие условия.

Ограничение 3: тесная связь с Supabase. Перенос базы PostgreSQL на собственный сервер, замена Supabase Auth или подключение серверной части другого типа могут потребовать заметной переработки. Архитектура приложения изначально строится вокруг выбранного стека.

Ограничение 4: язык пользовательского интерфейса. Lovable может создавать интерфейс на английском языке по умолчанию. Укажи в запросе, на каком языке должны быть тексты. Отдельные служебные сообщения и ошибки проверки данных всё равно могут остаться на английском; их можно доработать отдельными запросами.

Ограничение 5: проверь настройки безопасности Supabase. Для приложения с пользовательскими данными важно настроить политики Row Level Security (RLS) и проверить доступ к каждой таблице. Не оставляй эту проверку на поздний этап: включи её после первоначальной сборки и сверь конфигурацию с документацией Supabase.

Пять особенностей Claude Code, которые могут затруднить начало#

Особенность 1: подготовка окружения. Перед началом может понадобиться установить Node.js, npm, Git, VS Code и Claude Code. В Windows иногда требуется настроить WSL; на Mac установка обычно проще, но терминалом всё равно придётся пользоваться. Если раньше ты этого не делал, первые полчаса могут уйти на настройку.

Особенность 2: лимиты зависят от объёма контекста. В плане Pro за 20 долларов действуют ограничения на использование. Если при каждом запросе передавать Claude десятки файлов проекта, доступный лимит может быстро закончиться. Передавай только необходимые материалы, пользуйся /clear и /compact, а инструкции проекта сохраняй в CLAUDE.md (руководство по лимитам).

Особенность 3: недостаток контекста повышает риск ошибочных предположений. Без информации о проекте Claude может предложить несуществующие методы API, поля базы или библиотеки. Опиши правила и структуру проекта в CLAUDE.md, а важные сведения храни в папке business/ (руководство по CLAUDE.md). Проверяй предложенный код и уточняй требования.

Особенность 4: доступ зависит от условий поставщика. Перед использованием Claude Code проверь актуальные условия доступа, доступность сервиса в нужной юрисдикции и требования к аккаунту или организации. Они могут меняться; ориентируйся на официальную информацию Anthropic и выбранного поставщика.

Особенность 5: нет графического редактора. Взаимодействие происходит через текст. Чтобы передвинуть кнопку, нужно описать изменение словами или отредактировать код вручную. Для задач, где важно непосредственно перетаскивать элементы на странице, визуальный конструктор может быть удобнее.

Как определиться за пять минут: таблица выбора#

Ответь на пять вопросов, чтобы выбрать инструмент:

Если в первых двух строках ты выбираешь ✅ для Lovable, а в остальных — ⚪ или ❌, начни с Lovable. Если ✅ стоит у Claude Code в строках 3–5, выбирай его. Если оба инструмента отмечены как подходящие, можно начать с Lovable на 1–2 недели, а затем перейти к Claude Code при необходимости. Описание этого процесса есть в разделе о совместной работе.

При любом выборе результат зависит не только от инструмента, но и от того, насколько ясно описана задача и как подготовлен контекст. Сохраняй инструкции проекта, передавай необходимые сведения и проверяй сгенерированные изменения.

Познакомиться с Ailoot.