Как пользоваться Lovable AI: инструкция для начинающих

Шаг 1. Регистрация

Открываете lovable.dev, входите через Google или email. Free-тариф активен сразу, никаких карт не требуется.

Шаг 2. Первый промт

В центральном поле пишете, что хотите собрать. Хороший промт содержит:

• название и суть приложения;
• ключевые страницы;
• пример стиля (например, "как Notion");
• главную функцию.

Пример: "Собери приложение для учёта личных финансов. Одна страница с формой добавления траты (сумма, категория, дата), одна страница со списком трат за месяц и сумма по категориям. Стиль минималистичный, как Linear".

Шаг 3. Работа с превью

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

Шаг 4. Подключение базы

Нажимаете "Enable Cloud" - за минуту создаётся Supabase-бекенд. Модель сама предложит миграции для нужных таблиц. Не забудьте включить RLS и настроить политики.

Шаг 5. Деплой

Кнопка "Publish" - приложение доступно по адресу `youracme.lovable.app`. Свой домен подключается на Pro-тарифе в настройках проекта.

Что делать после первого приложения

• Пройти по чек-листу безопасности (RLS, ключи, роли).
• Настроить title, description, sitemap для SEO.
• Подключить аналитику (Google Analytics, Plausible).
• Собрать библиотеку своих же удачных промтов.

Типичные ошибки новичков

| Ошибка | Что происходит | Решение | | --- | --- | --- | | Слишком общий промт | Модель делает не то | Уточнить страницы, стек, стиль | | Диалог с уточнениями | Быстро тратятся кредиты | Один точный промт | | Забыть RLS | Утечка данных | Включить сразу при создании таблиц | | Пустые meta-теги | Не индексируется в Google | Прописать руками |

Часто задаваемые вопросы

Нужно ли уметь программировать?

Нет для прототипа. Да для сложной логики и продакшена.

Сколько занимает первое приложение?

От часа до вечера, в зависимости от сложности.

Что делать, если модель не понимает?

Показать скриншот и переформулировать задачу мелкими шагами.