Ребят, раз у меня такая тру альфа-аудитория, которая идет в ногу со временем, а не сидит на офисной кухне, поедая лосось на завтрак, решил по советам в комментах разобрать еще такой хайповый сервис, как Lovable.
Что такое Lovable? Это сервис по типу CursorAI или v0, но заточенный под создание мобильных приложений простыми запросами к AI.
Давайте возьмем за пример некогда прикольную идею — трекер калорий по фотке. В комментах можно написать, сколько стоило такую аппку запилить, скажем, 5 лет назад.
Шаг 1: Определяем, что будем делать
Тут, как и в прошлом посте, я крайне рекомендую начать с манифеста проекта: определить главные проблемы, как они будут решаться, для кого он сделан и какой базовый функционал необходим.
- Позволяет пользователям добавлять еду (через загрузку фотки).
- Анализирует еду с помощью GPT-4o и вычисляет калории с БЖУ.
- Сохраняет все в БД.
- Имеет легкий UI с парой экранов и чат с AI-ассистентом.
Далее в ChatGPT делаем запрос на создание детальной документации, проверяем, что все ок, и загружаем ее в Lovable.
Шаг 2: Создаем UI
Продукт масс-маркет, а не нишевый SaaS, поэтому делаем красивый UI, чтобы смотрелся как минимум не хуже конкурентов в нише. По документации делаем запрос в Lovable на создание всех нужных страниц.
Главная:
◉ Личный кабинет
◉ Страница добавления еды
◉ Чат с AI
◉ Paywall с разными акциями и т. д.
Далее AI сам автоматически сгенерирует базовый UI на основе спеки. Правим запросами, пока не получится так, как хочется.
Шаг 3: Добавляем БД
Тут кому что больше по кайфу: можно взять Firebase, можно что-то более современное.
Создаем аккаунт и промтами подключаем его к нашей будущей аппке.
Шаг 4: Подключаем API ChatGPT
1. Добавляем кнопку "Анализировать"
2. Когда пользователь вводит описание блюда или загружает фото, Lovable отправляет запрос в GPT-4o
3. AI возвращает расчет калорийности и добавляет его в базу данных
Все это делаем промтами, проверяем, что работает и записывается в базу.
Шаг 5: Добавляем оплату
Если нет аккаунтов в AppStore и Google Play, подрубаем тогда Stripe — это самое быстрое.
Ну, если, конечно, у тебя есть друг казах)
Как настроить подписку:
1. Заводим аккаунт на stripe.com
2. Создаем продукт (например, подписка на 10$ в месяц)
3. Добавляем API-ключ в Lovable
4. Настраиваем редирект: если пользователь не оплатил — его выкидывает на главную
Проверяем, что все нужные страницы вызываются, а оплата проходит.
Главное — не делать чарджбеки.
Если реально хотите катить в прод, подключите перехватчик чарджбеков, чтобы Stripe-акки слишком быстро не отлетали.
Шаг 6: Деплой в прод
Если все работает норм, пора деплоить.
1. Нажимаем в Lovable кнопку Deploy
2. Получаем ссылку на рабочее приложение
Если нужны кастомные домены, свой хостинг и т. д., идем юзать Hetzner и просим Lovable деплоить туда или дать пошаговую инструкцию для самостоятельного деплоя.
Заключение
Вот так, за пару-тройку часов мы из говна и палок собираем прилу, на которую раньше привлекались миллионы баксов инвестиций.
Можно идти в FB, так же с помощью AI быстро собрать креосы и начинать лить.
Хотя без подключения платежек Apple и Google это бессмысленно, но если уже есть готовые аккаунты, то прикрутить это все будет несложно, ну или сразу Web2App.