Приложение в Google AI Studio без сервера: как нейросеть собирает сервис по твоему описанию

Приложение без сервера: что это и когда его хватает

В Google AI Studio нейросеть собирает веб-приложение по обычному описанию словами — и, по словам Александра Юшкевича, бесплатно. Александр — гуманитарий: переводчик английского и HR-менеджер, который с 2021 года делает ботов; ведёт канал «Технокафе». На NeyroSummit 14 он выступил с докладом «Чайник — это не баг, а фича»: как новичку без кода собирать работающие сервисы разговором с ИИ.

Его главный тезис: в 2026 году «делать важнее, чем как делать». У новичка нет «проклятия знания» и страха сделать неправильно, а значит, можно сразу собирать MVP — минимально жизнеспособный продукт — и дорабатывать его потом. ИИ, по словам Александра, это автопилот: ты должен знать, куда едешь, а как работает двигатель, знать не обязательно.

Самый повторяемый кейс доклада — генератор каруселей. Пишешь тему, выбираешь нейросеть, число слайдов, можешь добавить свою картинку — и получаешь готовую карусель и текст поста, который улетает в Telegram одной кнопкой. Собран он в Google AI Studio, в разделе Build, и работает целиком в браузере. По подсчёту Александра — 0 рублей и 7 часов.

«Без сервера» в этой статье значит без своего сервера: тебе не нужно арендовать и настраивать машину, на которой крутится твой код. У веб-приложения две части: фронтенд — всё, что работает в браузере у пользователя, — и бэкенд, то, что крутится на сервере: база данных, учётные записи, платежи. Генератор каруселей — один фронтенд. Ключи к нейросетям и настройки лежат в памяти браузера, своей базы нет.

Как ходят данные в такой схеме:

• февральская версия Александра: браузер пользователя → по ключу пользователя → API нейросети. Хостинг только отдаёт файлы страницы, твоего кода на сервере нет;
• Google AI Studio сегодня: браузер → серверная часть, которую запускает сам AI Studio, → Gemini API на твоём ключе. Свой сервер по-прежнему не нужен — его не надо ни арендовать, ни настраивать, но «один фронтенд» Build больше не делает (подробнее — в следующем разделе).

Такого приложения хватает, когда:

• сервис для себя — генератор, калькулятор, черновик постов;
• прототип, который надо показать или проверить на паре знакомых;
• раздача знакомым — по ссылке из AI Studio на твоих лимитах или, в схеме «один фронтенд», тем, кто принесёт свой ключ и сам платит за свои запросы.

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

Что умеет Google AI Studio в режиме Build — в феврале и сейчас

На дату доклада Александр описывал режим так. Заходишь в Google AI Studio, открываешь вкладку Build и описываешь приложение словами. Бэкенд, по его словам, AI Studio не делает — только фронтенд. Нейросети в приложении подключаются по ключам: в генераторе каруселей Александр подключил сторонние API — OpenRouter и агрегатор Kie.ai, через который картинки рисовала Nano Banana Pro. Сама Google AI Studio, по его словам, бесплатная.

За восемь месяцев режим Build заметно изменился: теперь он умеет и серверную часть.

Промпт-чертёж: роль, задача, контекст, ограничения

Главное правило вайбкодинга у Александра — «мусор на входе — мусор на выходе». «Сделай мне приложение для финансов» — плохое задание. Хорошее он зачитал на докладе; стек технологий в нём можно не указывать — модель выберет сама.

Создай Telegram Mini App для учёта личных финансов.
Функции: транзакции текстом и голосом, распознавание чеков по фото, категоризация расходов — 15 категорий, графики за период.
Стиль минималистичный, тёмная тема.

Полный чертёж, по Александру, состоит из четырёх частей. Его примеры — на дату доклада, для бота с базой:

«Это чертёж для искусственного интеллекта, — говорит Александр. — И чем он качественней, тем лучше будет результат». Ниже тот же каркас для приложения без сервера — генератора каруселей, как в его кейсе.

Роль: действуй как опытный фронтенд-разработчик, который объясняет решения новичку простыми словами.

Задача: создай веб-приложение — генератор каруселей для Telegram-канала. Пользователь вводит тему, выбирает число слайдов [от 3 до 10] и стиль; приложение пишет текст слайдов и пост к ним, рисует картинки, показывает результат и даёт скачать.

Контекст: это личный сервис, им пользуюсь я и несколько знакомых. Тексты и картинки делает Gemini. Языки интерфейса: [русский / русский и английский].

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

Что получится сегодня. По документации Google, Build на такое задание собирает фронтенд и серверную часть на Node.js, а ключ Gemini кладёт в серверный секрет — в браузер он не попадает. Для личного сервиса это самый простой путь: сторонние ключи не нужны вовсе. Для первого запуска не нужно ни настраивать хостинг, ни вводить ключи: приложение работает в окне предпросмотра AI Studio. Подключать сторонние API, как Александр подключал OpenRouter и Kie.ai, — уже следующий шаг, и о ключах для него — ниже.

Ask, plan, build. Самым мощным приёмом Александр называет три режима: спросить, спланировать, построить. Спрашивать и планировать можно в обычном чате с моделью полегче, «чтобы не переплачивать», а с готовым планом идти в билдер — туда, где собирается код. Он сравнивает это с агентством: обсуждают одни, строит тот, кто делает это лучше всех. Как выговориться ИИ до первой строки кода и собрать документы проекта, подробно разобрано в статье как начать вайбкодить пошагово — здесь не повторяем.

Google AI Studio: как пользоваться, чтобы правка не переписала полсервиса

Одна функция — одна проверка

«Сделай мне весь проект сразу» — неправильно. Правильно, по Александру: сделай авторизацию — проверь; добавь дашборд — проверь; добавь следующую функцию — снова проверь. Так контролируешь каждый шаг. Крупное дроби на мелкое: «Построй мне социальную сеть» одним промптом даст «галлюцинации и хаос», а если строить как дом — фундамент, каркас, крыша, отделка, — дом получится.

Ошибку — как есть

Не пиши «у меня не работает». Скопируй текст ошибки или сделай скриншот и отправь модели: «Он лучше знает, он на этом обучен», — говорит Александр.

«Делай это и больше ничего не трогай»

Это главный лайфхак Александра по AI Studio. Ты что-то создал, начинаешь улучшать — и получаешь результат, где «половина сервиса абсолютно другая»: модель «решила, что так лучше». Поэтому в каждой правке, а лучше сразу в системной инструкции, нужно задавать рамку: делай только это, больше ничего не меняй.

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

Текущая правка: [одна правка].

Языки и всё, что пронизывает приложение, — с первого шага

Бот для учёта подписок Александр, по его словам, собрал за 12 часов. А потом ещё целый день добавлял три языка интерфейса — русский, английский и немецкий. Причина: модель потом не может найти 50–80 разбросанных по коду технических сообщений и текстов. Вывод ему подсказала сама нейросеть: после работы Александр просит её разобрать чат, и она ответила, что языки лучше закладывать сразу.

Точка возврата

Александр хранит код на GitHub — «хранитель кода», куда скидываются все изменения, «чтобы вы могли в любом случае вернуться в отправную точку». Даже после удачной правки, говорит он, может перестать работать что-то другое, и приходится возвращаться назад. Для AI Studio сегодня это синхронизация с GitHub; подробнее про git как «машину времени» — в той же статье Коренева.

Ключи в браузере: что хранится, что пропадает и как безопаснее

В феврале генератор каруселей Александра работал так: пользователь вставляет в настройки свои API-ключи — от OpenRouter и Kie.ai, ключ от Google, по его словам, там не работал — и токен своего Telegram-бота для отправки постов. «Это никуда не уходит, никто не видит, потому что это всё во фронтенде», — объяснял Александр. Всё хранится в локальной памяти браузера: «Кэш браузера почистили — у вас всё удалилось».

Вторая половина правды проверяется легко: очистил данные сайта, сменил браузер или устройство — ключи и сохранённые проекты пропали, переносить их придётся руками. Первая половина требует оговорки.

Как выложить приложение, чтобы им пользовались другие

Александр свой генератор каруселей, по его словам, поставил на собственный сервер. Ссылки на свои сервисы мы не даём — разберём, как выложить свой.

Самый короткий путь сегодня — поделиться из AI Studio. По документации Build mode (проверено 25.10.2026) он выглядит так:

1. Доведи приложение до рабочего состояния в предпросмотре и сохрани версию в GitHub.
2. Открой доступ к приложению (Share) и выбери права: только пользоваться или ещё и править код. Правку давай только тем, кому доверяешь проект.
3. Прочитай предупреждение о расходах: AI Studio показывает его перед раздачей, если приложение может стоить денег. Запросы всех, с кем поделился, идут в счёт твоих лимитов, а на платных моделях — и твоих денег.
4. Проверь по ссылке с другого аккаунта: приложение открывается и работает, ключа не видно. Код при этом виден — его можно скопировать к себе, поэтому секретов и чужих данных в коде быть не должно.

Опубликовать в Cloud Run. Кнопка публикации разворачивает приложение как сервис в Google Cloud. Твой ключ Gemini лежит в серверной части и обслуживает запросы всех пользователей; за использование может взиматься плата (документация Build mode).

Свой хостинг. Проект выгружается ZIP-архивом, но на новом месте ему нужен ключ GEMINI_API_KEY в переменной окружения сервера (там же) — значит, хостинг, который запускает Node.js, а не просто отдаёт файлы. Хостинг статики вроде GitHub Pages (GitHub Docs) годится только приложению из одного фронтенда на ключах пользователя, как февральский генератор Александра. У него есть лимиты, и для онлайн-бизнеса и приёма платежей он не предназначен (лимиты GitHub Pages).

Если сервис вырос из AI Studio — нужен свой сервер и доработка сильной моделью, — путь Александра «конструктор → GitHub → доработка → свой сервер» разобран в статье лучшая нейросеть для написания кода.

Тронул деньги — неси ответственность

Кейсы Александра, по его подсчёту, на дату доклада:

Последняя строка — граница. Где появляются пользователи, учётные записи, база и платежи, приложению без сервера конец. А за деньгами, говорит Александр, приходит то, о чём молчат обещания «монетизируй бота»:

• Проектом нужно заниматься. Подключил платежи — отвечаешь за них. Что-то «отвалилось» — разбираешься с клиентами.
• Модель может сломать. Человек заплатил за год, у тебя что-то поломалось, ты бежишь к нейросети, а она «раз — и сломала код». Доработала одно — перестало работать другое.
• Безопасность. Сервис могут сломать специально — атаками. Безопасности, по словам Александра, нужно уделять очень много времени, а сам он признаётся: «Я вообще про это ничего не знаю, просто нейронку прошу».
• База знаний. Без понимания, что такое API, фронтенд, бэкенд и базы данных, «вы не уйдёте дальше каких-то простых вещей». Можно всё кидать в нейронку, но времени и денег уйдёт намного больше.

«Если вы начинаете такие сервисы продавать, к ним подписку, то имейте в виду: тронул деньги — неси ответственность», — так Александр сформулировал своё напутствие. Как считать деньги в вайбкодинге до старта и не браться за то, что требует тяжёлой инфраструктуры, — в статье как зарабатывать на вайбкодинге.

С чего начать сегодня

Вопросы и ответы