Как я делаю сайты в Lovable и довожу их до запуска

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

Я использую Lovable для сайтов, интерфейсов и первых версий продуктов. В моём рабочем пространстве есть личное портфолио, B2B-сайт ITDepart, каталог роботов RoboHub, коммерческие прототипы Cranberries и KISIN, интерактивный проект Catch Me, интерфейсы PANX и LoopFlip. Все они начинались с разных задач, поэтому и подход к ним был разным.

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

Что такое Lovable

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

Платформа подходит не только для макета. Проект можно опубликовать на адресе lovable.app или подключить собственный домен. Код можно синхронизировать с GitHub, а данные, авторизацию и серверную логику подключить через Supabase. Это описано в официальной документации Lovable: публикация проекта, синхронизация с GitHub и интеграция с Supabase.

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

Что я делаю в Lovable

Чаще всего ко мне приходят с одной из четырёх задач:

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

В личном портфолио главным был характер. Сайт должен был показать разные проекты и при этом не выглядеть как каталог случайных работ. Для ITDepart на первом месте стояла понятная B2B-структура: услуги, доверие и заявка без лишних экранов. В Cranberries и KISIN важнее было проверить коммерческий сценарий. В PANX и LoopFlip я проверял уже продуктовую идею и поведение интерфейса.

Lovable хорошо ускоряет первый визуальный проход. Но результат зависит не от длины запроса. Он зависит от решений о структуре, тексте, приоритетах и поведении страницы.

Пять примеров из моего Lovable-пространства

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

MoonMask Creator Hub

Страница для авторов, которые принимают поддержку в криптовалюте. Здесь спокойный премиальный визуал сочетается с коротким сценарием: создать страницу, добавить кошельки и поделиться одной ссылкой. Открыть MoonMask.

KISIN Shop

Небольшая витрина независимого fashion-бренда. В этом проекте важны были настроение, сильный первый экран, понятный переход к товарам и связь через Telegram. Открыть KISIN Shop.

Портфолио Валерии Кулаковой

Персональный сайт для SMM-специалиста и создателя контента. Вместо типового резюме получилась спокойная редакционная подача с крупной фотографией, коротким позиционированием и переключением языка. Открыть портфолио.

Vince Media AI Studio

Лендинг услуги по созданию AI-аватаров для авторов и брендов. На первом экране сразу видны аудитория, результат и главное действие, без длинного объяснения технологии. Открыть Vince Media AI Studio.

KIMAX

Концепция fashion-магазина с почти журнальной подачей. Крупное изображение задаёт характер бренда, а минимальная навигация оставляет в центре внимания коллекцию. Открыть KIMAX.

RoboHub: каталог, собранный как ставка на поиск

Пять страниц выше решают по одной задаче каждая. RoboHub устроен иначе: каталог со своей таксономией, логикой сравнения и четырьмя языковыми версиями, начатый в Lovable и доделанный уже в репозитории. Это тот проект, на который я показываю, когда спрашивают, заканчивается ли платформа лендингами.

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

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

Первая версия в Lovable выглядела готовой, но готовой не была. Переключатель языка менял текст, но не адрес, и Google читал один язык из четырёх. Я разобрал это отдельно, вместе с тем, что пришлось чинить: сайт на Lovable выглядел готовым, а Google видел один язык из четырёх.

Открыть RoboHub.

Почему первого прототипа обычно недостаточно

Первая версия часто выглядит убедительно на одном экране и начинает сыпаться при обычной проверке. Заголовок не помещается на мобильном. Кнопка ведёт не туда. Форма ничего не сообщает после отправки. В метаданных остаётся чужое название. Изображение весит несколько мегабайт. Страница красивая, но поисковику почти нечего читать.

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

• понятен ли смысл предложения за первые несколько секунд;
• удобно ли пользоваться сайтом на телефоне;
• работают ли формы, ссылки и основные сценарии;
• есть ли нормальные заголовки, описания страниц и социальные превью;
• настроены ли домен, аналитика, robots.txt и sitemap;
• можно ли спокойно обновлять проект после публикации.

У Lovable есть собственная проверка SEO и видимости в AI-поиске. Она смотрит метаданные, sitemap, robots.txt, канонические адреса, мобильную версию и доступность. Это полезный контрольный список, но он не заменяет содержание страницы. Поисковику всё ещё нужны ясный ответ на запрос, реальные примеры и нормальная навигация. Подробнее о возможностях проверки есть в документации Lovable по SEO и AI search.

Когда я выбираю Lovable

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

Платформу я выбираю по задаче. Интернет-магазин с большим каталогом, оплатой, доставкой и управлением заказами часто разумнее делать на Shopify. Проект со сложными ролями, нестандартной логикой или особыми требованиями к инфраструктуре может потребовать индивидуальной разработки. Иногда Lovable остаётся инструментом для прототипа, а рабочая версия живёт на другом стеке.

Нормальный выбор начинается с задачи:

1. 01Lovable, если важны скорость первого запуска и гибкая работа с интерфейсом.
2. 02Shopify, если основа бизнеса это каталог, корзина, оплата и заказы.
3. 03Индивидуальная разработка, если продукт держится на собственной логике, интеграциях и правилах доступа.

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

Как проходит работа над сайтом

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

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

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

Можно ли сделать сайт в Lovable самостоятельно

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

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

Если нужен сайт для бизнеса, я могу взять на себя весь путь: структуру, тексты, интерфейс, интеграции, проверку и запуск. Работаю не только с Lovable. Подбираю Shopify или индивидуальную разработку, когда они лучше подходят задаче.

Частые вопросы о разработке сайтов в Lovable

Подходит ли Lovable для настоящего бизнес-сайта?

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

Можно ли подключить к Lovable базу данных и авторизацию?

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

Можно ли забрать код проекта из Lovable?

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

Сколько времени занимает сайт на Lovable?

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

Делаете ли вы сайты только в Lovable?

Нет. Lovable хорошо подходит для быстрого запуска и продуктовых прототипов. Для интернет-магазинов я работаю с Shopify, а для нестандартных сервисов выбираю индивидуальную разработку. Платформу выбираю после разбора задачи.

Как заказать сайт в Lovable?

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