Приложение для стилизации изображений с помощью Gemini Image API.
- Установите зависимости:
npm install - Создайте файл
.env.localна основе .env.example и заполнитеGEMINI_API_KEY - (Опционально) Если вы запускаете фронтенд отдельно от серверless-функции, задайте
VITE_API_BASE_URLна базовый URL API (например,http://localhost:3000при работе черезvercel dev)
-
Рекомендованный вариант:
vercel dev- Команда поднимет Vite dev-сервер и серверless-функции Vercel локально.
- Приложение будет доступно на
http://localhost:3000, API — по пути/api/stylize.
-
Альтернативно:
- Запустите любую совместимую среду, которая предоставляет POST
/api/stylize(например, уже задеплоенный проект на Vercel) - Запустите
npm run dev - Убедитесь, что
VITE_API_BASE_URLуказывает на API из шага 1.
- Запустите любую совместимую среду, которая предоставляет POST
- Выполните
vercel loginиvercel link(или создайте проект через интерфейс Vercel). - В настройках проекта Vercel добавьте переменную окружения
GEMINI_API_KEYсо значением вашего ключа Gemini. - Деплой производится автоматически при пуше в репозиторий, либо вручную командой
vercel --prod.
После деплоя фронтенд будет обращаться к серверless-функции api/stylize, которая использует секретный ключ из переменных окружения на Vercel.
