Разработка приложения Список покупок на Бэкэнд как сервис платформе GraviBase
Недавно вышла стабильная версия российской платформы GraviBase (gravibase.ru). Пора протестировать новинку и понять, что она умеет.
Один из самых сложных этапов разработки — это проектирование структуры БД так, чтобы потом не оказалось проще всё сломать и сделать заново. Дополнительно сюда накладываются задачи по управлению ролями, пользователями и хостингом.
Платформа GraviBase закрывает все эти вопросы, так что смело приступаем к регистрации.
Регистрируемся на GraviBase. Нам понадобятся код проекта, логин и пароль для MCP. Заполняем минимальный набор данных для регистрации, и соглашаемся на обработку персональных данных.
Создаем проект
Обратите внимание:
Код проекта должен указываться маленькими латинскими буквами и начинаться обязательно с буквы
Код проекта должен заканчиваться буквой или цифрой
Код проекта может содержать только строчные буквы, цифры и дефисы
Начнем создавать приложение для управления покупками, назовём его Список покупок (Shopping List). Если в дальнейшем немного доработать и сделать веб‑приложение с функциями мобильного приложения (PWA), то можно будет активно использовать его и в повседневной жизни.
Выбор IDE
Решено попробовать реализовать всё в Antigravity, можно использовать встроенный ИИ, но захотелось протестировать связку IDE + GraviBase.
У GraviBase есть MCP‑сервер, про него можно почитать тут.
Как написать правильный промпт для создания приложения - я взял Perplexity и описал, какое именно приложение хочу получить, попросил накидать схему базы данных (таблицы + атрибуты). Итоговый вариант я немного поправил, но в целом получилось неплохо.
Разработка backend
Берём то, что подготовил Perplexity с учётом моих правок, и загружаем в Antigravity. Указываем использовать MCP‑сервер GraviBase — дальше IDE делает всё сама. Достаточно быстро отрабатывает, и мы получаем готовую структуру.
Чтобы всё полноценно работало, нужно сделать ещё две вещи:
1. Зайти в `Безопасность → Атрибуты профиля` и создать атрибут `email`. Мне также нужен, например, `displayName` — я не планирую собирать и обрабатывать персональные данные, поэтому это просто отображаемое имя. !!! Кстати, в GraviBase можно создать соглашения об обработке персональных данных и добавить их на страницу регистрации, чтобы соответствовать требованиям 152‑ФЗ.
2. Зайти в `Безопасность → Настройки безопасности` и включить опцию `Разрешить регистрацию пользователей`.
После этого идём в `Таблицы` и нажимаем кнопку `Опубликовать`. Это, кстати, нужно делать при любых изменениях в модели данных. Имеет смысл периодически проверять: если кнопка активна, значит, были изменения, которые ещё не применены.
Разработка frontend
Открываем новое окно в агенте Antigravity и пишем промпт в духе: «Разработай мне frontend для приложения Shopping List в соответствии с ТЗ» и так далее. Указываем использовать MCP‑сервер GraviBase. Дополнительно идём в GraviBase в раздел `Деплой фронтенда` и берём оттуда «Промпт для AI» — его тоже «скормим» агенту. Там же в разделе `Документация → REST API` можно скачать спецификацию openAPI и при необходимости использовать её в разработке.
После этого запускаем процесс генерации и ждём, периодически подтверждая команды. Этот этап существенно дольше, чем разработка backend, и после генерации кода обычно требуется отладка.
Запускаем `npm run dev` и тестируем то, что получилось.
Финальный шаг — деплой фронтенда на платформу: в разделе `Деплой фронтенда` есть мастер, в котором всё расписано по шагам.
Результат
Результат работы можно увидеть по ссылке. Можно зарегистрироваться и потестировать, а можно взять готовый логин пароль user1 / 123456
Вот тут есть скомпонованное видео процесса разработки.
Если есть вопросы по платформе или по тому, как с ней работать, подключайтесь к нашему сообществу.