lovable: что это, сколько стоит и как собрать первый сайт

lovable — облачный сервис с сайта lovable.dev: пишешь в чат, какой нужен сайт, а он сам пишет код интерфейса, бэкенда, базы и входа, показывает превью и публикует результат. бесплатно дают 5 кредитов в день (не больше 30 в месяц), платный pro стоит от $25 в месяц. ниже — первый сайт по шагам, тарифы, русский язык, свой домен, github, бэкенд и где сервис упирается; всё сверено с документацией 14 октября 2026.

lovable ai: что это такое простыми словами

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

пара слов о названиях, потому что в поиске всё перемешано. lovable dev — это официальный сайт lovable.dev, там регистрация и редактор, а документация лежит на docs.lovable.dev. lovable app обычно ищут как само приложение, но lovable.app — ещё и домен: на нём по умолчанию живут опубликованные проекты, адрес вида имя-проекта.lovable.app.

стек выбрать нельзя, он у всех одинаковый. проекты, созданные с 13 мая 2026 года, работают на tanstack start с рендером на сервере, более старые — на react + vite с рендером в браузере, база — postgresql. модель для сборки сервис тоже подбирает сам и обновляет у всех автоматически. и это только веб: нативные приложения под ios и android он не генерирует. где он стоит среди агентов и редакторов, я разбирал в статье ии для вайбкодинга.

три режима: chat, plan и build

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

• chat — обсудить идею и варианты, без плана и без правок кода. у чата своя цена за сообщение, а на free, pro и business есть дневной бесплатный лимит на чат.
• plan — сервис изучает проект и пишет план, который ты правишь и утверждаешь до сборки. 1 кредит за сообщение плюс исследование, если оно понадобилось.
• build (раньше назывался agent mode) — сам вносит изменения в проект и проверяет результат. цена по факту работы: сколько файлов затронуто, насколько сложная логика, сколько кода пришлось изучить и какие инструменты понадобились. многие запросы стоят меньше кредита, сложные — дороже.

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

как сделать сайт в lovable: пошагово

quick start в документации обещает путь от первого промта до живой ссылки примерно за десять минут. по шагам это выглядит так.

1. регистрация. на lovable.dev через почту, google, github или apple. сразу появляется личное рабочее пространство на бесплатном плане.
2. первый промт. в поле «ask lovable to create…» при включённом режиме build опиши сайт: для кого он, какие блоки, какой тон. документация советует делать первую версию без логина и базы данных — их проще добавить потом отдельным сообщением.
3. референс. к промту можно приложить макет, набросок или скриншот сайта, чья сетка нравится. второй путь — открыть готовый шаблон и сделать remix: получишь свою копию, которую правишь как хочешь.
4. первая версия. собирается несколько минут. слева чат, справа живое превью, каждая правка сохраняется версией, к которой можно вернуться.
5. правки по одной. одно сообщение — одно изменение, после каждого смотришь превью. так легче понять, что именно сломалось, если сломалось.
6. проверка. прокликай все кнопки и ссылки и переключи превью в мобильный вид: большинство людей откроет ссылку с телефона.
7. публикация. кнопка publish справа сверху, сервис предложит адрес на lovable.app, его можно поправить. хостинг на этом адресе бесплатный на всех планах. важно: публикуется снимок, и новые правки попадут на сайт только после publish → publish changes.

пример первого промта для небольшого бизнеса:

сделай одностраничный сайт для мастерской по ремонту велосипедов в казани. блоки: первый экран с заголовком и кнопкой «записаться», услуги с ценами «от», как мы работаем в 4 шага, фото работ, адрес и часы работы, форма заявки. стиль спокойный, светлый фон, акцентный цвет зелёный. все тексты на русском, правдоподобные примеры вместо lorem ipsum. логин и базу данных пока не делай.

понимает ли сервис русский язык

промты — да. в quick start прямо сказано, что описывать задачу можно на любом языке, так что писать по-русски нормально. интерфейс — нет: он переведён на 11 языков (английский, французский, немецкий, испанский, португальский, итальянский, хинди, индонезийский, японский, корейский и тайский), русского среди них нет, и сам сервис предупреждает, что переведено пока не всё.

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

тарифы и бесплатный план

всё считается в кредитах: один баланс уходит на сборку, чат, работу бэкенда и ии-функции внутри твоего приложения. цены в долларах, по странице планов в документации:

у pro и business есть ступени до 10 000 кредитов в месяц, на pro это $2 250 при помесячной оплате. 5 бесплатных кредитов в день платные планы тоже получают, но без месячного потолка. студентам и преподавателям дают скидку 50% на pro со 100 кредитами на срок до 12 месяцев, статус проверяют по почте учебного заведения.

на free потолок наступает быстро: после 30 кредитов начисление встаёт до 1-го числа, то есть активно строить бесплатно получится примерно первые 6 дней месяца. для пробы хватит, для живого проекта — вряд ли. и ещё деталь из faq: с 9 сентября 2026 года данные с планов free и pro могут идти в обучение моделей, отключается это в настройках аккаунта (preferences → ai model training).

свой домен, выгрузка в github и бэкенд

свой домен

подключить домен можно только на платном плане. купить его можно прямо в сервисе (project → settings → domains → buy new domain): он сам зарегистрирует домен, пропишет dns и выпустит ssl. если домен уже есть, выбираешь connect existing domain и либо даёшь автоматической настройке через entri доступ к своему регистратору, либо прописываешь две записи руками:

A    @          185.158.133.1
TXT  _lovable   lovable_verify=...   # точное значение покажет lovable

перед этим удали aaaa-записи домена, иначе трафик может уйти не туда. dns обновляется до 72 часов, обычно за несколько, сертификат ставится бесплатно, а www по умолчанию перенаправляется на корень. если потом откажешься от подписки, уже подключённый домен продолжит работать, а новый подключить не дадут.

выгрузка кода в github

git-синхронизация есть на всех планах, включая бесплатный: github, gitlab или bitbucket. включается в project settings → git: сервис создаёт новый репозиторий и дальше синхронизирует его в обе стороны. правки из чата уходят туда коммитами, а то, что ты запушил в синхронизируемую ветку, появляется в проекте.

для вайбкодера это главный выход: клонируешь репозиторий, работаешь в своём редакторе или агенте и пушишь обратно. правила из документации: свои правки делай в отдельной ветке и потом мерджи, историю основной ветки не переписывай (никаких force-push и rebase), а пуш в репозиторий сайт не публикует. обратной дороги нет: импортировать уже существующий репозиторий нельзя, только выгружать. скачать проект zip-архивом можно только на платном плане.

бэкенд: cloud или supabase

база, вход, хранилище файлов и серверные функции по умолчанию живут во встроенном lovable cloud. он построен на открытой основе supabase и включён сразу. на free, pro и business есть ежемесячный грант 20 кредитов на cloud, сверх него расход идёт из общего баланса. второй вариант — подключить свой проект supabase: тогда аккаунт, инфраструктура и счёт за базу твои, у supabase свой тариф, и для старта хватает бесплатного.

решать лучше сразу: автоматического переезда между cloud и supabase нет. перед запуском проверь, что на каждой таблице включены политики row level security, и не клади секреты в переменные с префиксом VITE_ — они попадают в браузер.

где сервис упрётся: seo, сложная логика, владение кодом

seo

с новыми проектами на tanstack start всё нормально: сервер отдаёт готовый html и людям, и роботам. старые проекты на react + vite отдают пререндер только «проверенным» роботам — в документации из поисковиков названы google и bing, яндекса в этом списке нет. старый проект можно перевести на tanstack start, но за обычные кредиты.

встроенная проверка seo смотрит sitemap, robots.txt, метатеги, разметку и каноникалы, а из консолей в документации описана только google search console. про яндекс вебмастер в документации ни слова, и сам сервис честно пишет, что проверка не гарантирует позиций и толком не оценивает ни качество текстов, ни соответствие запросам. ещё деталь: между доменами проекта работают только временные редиректы 302, постоянных 301 нет. для русского сайта, которому нужен трафик из яндекса, этого мало — спрос, структура и тексты остаются на тебе.

сложная логика и бюджет

в режиме build цену сообщения заранее не показывают, а одно сообщение может работать до 10 часов. по умолчанию сервис ставит работу на паузу и спрашивает, если сообщение перевалило за 20 кредитов, — эту настройку лучше оставить. цена правки зависит от числа затронутых файлов, сложности логики и того, сколько кода пришлось прочитать, поэтому в большом проекте с ролями, платежами и интеграциями бюджет плохо предсказуем. если кредиты кончились посреди работы, сообщение встаёт на паузу, пока не пополнишь баланс.

владение кодом

код твой, но с оговорками. на free нельзя ни править код в самом сервисе, ни скачать архивом — забрать его можно только через git-синхронизацию. база выгружается отдельно, и в этот экспорт не входят загруженные файлы, код серверных функций и секреты. ии-функции в приложении работают через встроенный коннектор без твоего ключа api: удобно, пока ты внутри, но при переезде их придётся переподключать к своему провайдеру.

когда лучше claude code или заказать под ключ

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

claude code — когда сайт должен жить долго, стоять на твоём сервере, в твоём стеке и брать трафик из яндекса. я делаю сайты, ботов и seo именно так: этот сайт arturr_city целиком собран через claude code — страницы, фото, бот, а у моей компании дарэ импорт (importdare.ru) по вебмастеру 4 502 клика из яндекса за месяц. с чего начать, разбирал в статье claude code: как пользоваться.

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

вопросы

это конструктор сайтов или нейросеть?

и то и другое. как конструктор сайтов lovable даёт редактор, превью, хостинг и домен, но вместо блоков ты описываешь задачу словами, а ии пишет настоящий код, который можно выгрузить в github.

можно ли пользоваться бесплатно?

да: 5 кредитов в день, до 30 в месяц, и бесплатная публикация на адресе lovable.app. но без своего домена, с фирменной плашкой и без скачивания кода архивом.

что будет с сайтом, если отменить подписку?

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

можно ли сделать мобильное приложение?

нативное — нет, сервис делает веб-приложения. для телефона в faq два пути: pwa, которое добавляют на главный экран, или обёртка опубликованного адреса через capacitor уже вне сервиса.

какую нейросеть использует сервис?

актуальные ведущие модели, которые он выбирает и обновляет сам, выбрать модель для сборки нельзя. для ии-функций внутри твоего приложения список моделей есть, там выбор доступен.

источники

• quick start — docs.lovable.dev
• subscription plans — docs.lovable.dev
• build mode — docs.lovable.dev
• faq — docs.lovable.dev
• custom domains — docs.lovable.dev
• git sync — docs.lovable.dev
• supabase integration — docs.lovable.dev
• seo and ai search — docs.lovable.dev