Vibe coding у Google AI Studio: Build, ліміти, деплой

Як робити vibe coding у режимі Build Google AI Studio: кроки, можливості й обмеження, ліміт у два застосунки на Starter Tier, а також деплой та експорт застосунку.

Поширені запитання

Що таке vibe coding у Google AI Studio?

Це режим Build, який доступний на aistudio.google.com/apps. Ви описуєте застосунок звичайними словами, Gemini генерує код, а поруч з'являється жива попередня версія. Згідно з документацією Google, вебзастосунки за замовчуванням використовують React-фронтенд із серверним середовищем Node.js, а ще можна обрати нативний застосунок для Android (Kotlin і Jetpack Compose). Результат можна доопрацьовувати в чаті або в режимі анотацій просто на превʼю. Документацію перевірено в листопаді 2026 року.

Чи безкоштовний vibe coding у Google AI Studio?

У документації Google про Build і деплой немає опису безкоштовної квоти. Там сказано, що виклики API з вашого застосунку враховуються у ваших лімітах використання, а при використанні платних моделей можуть застосовуватися витрати. Starter Tier дає змогу відповідним акаунтам опублікувати до двох full-stack застосунків без проєкту Google Cloud і платіжного акаунта, але залежно від використання може діяти тарифікація Cloud Run. Актуальні тарифи для вашого акаунта дивіться на сторінці Billing в AI Studio.

Як розгорнути застосунок, створений у Google AI Studio?

Натисніть Publish у правому верхньому куті. На Starter Tier далі потрібно натиснути Get Started і Publish App, після чого ви отримаєте URL на Cloud Run. Для стандартного деплою потрібен проєкт Google Cloud, привʼязаний до вашого акаунта AI Studio, з увімкненою тарифікацією. Також можна синхронізувати проєкт із GitHub або завантажити ZIP-архів і розмістити його самостійно.

Чи можна експортувати застосунок із Google AI Studio на GitHub або власний хостинг?

Так. AI Studio підтримує двосторонню синхронізацію з GitHub, яка налаштовується на вкладці GitHub у Settings, з AI-генерованими повідомленнями комітів і діалогом Resolve conflicts. Також можна завантажити ZIP-архів. Якщо ви запускаєте код деінде, змінну середовища GEMINI_API_KEY потрібно задати самостійно.

Чи буде мій ключ Gemini API видно в опублікованому застосунку?

Для нових вебзастосунків, згідно з документацією Google, AI Studio зберігає GEMINI_API_KEY як серверний секрет, який видно на панелі Secrets, і він ніколи не потрапляє в клієнтський код. Розгорнутий застосунок використовує цей ключ для викликів Gemini від кожного відвідувача, тож їхнє використання враховується у ваших лімітах і витратах.

Хто може скористатися Starter Tier для публікації?

На сторінці Google про деплой сказано, що акаунти, у які виконано вхід через Google Workspace, не відповідають вимогам, так само як і акаунти з активним чи колишнім платним платіжним акаунтом Google Cloud або з недостатніми ознаками активності. Також зазначено, що підтримка не може зробити виняток. Якщо ви не відповідаєте вимогам, скористайтеся стандартним деплоєм із проєктом Google Cloud, у якому увімкнено тарифікацію.

Коротка відповідь: vibe coding у Google AI Studio доступний у режимі Build на aistudio.google.com/apps. Ви описуєте застосунок, Gemini пише React-фронтенд і сервер на Node.js (або нативний застосунок для Android), а ви доопрацьовуєте результат на живій превʼю. Коли все працює, натисніть Publish, щоб розмістити застосунок на Cloud Run, синхронізуйте його з GitHub або завантажте ZIP. Перш ніж ділитися посиланням, перегляньте ліміти нижче: виклики Gemini від відвідувачів виконуються на вашому ключі. Усі подробиці перевірено за документацією Google у листопаді 2026 року.

Що насправді робить режим Build

Build — це середовище в AI Studio, де застосунок створюється з промпту. Згідно з документацією Google:

Вебзастосунки (за замовчуванням): React-фронтенд і серверне середовище Node.js для безпечних викликів API, підключень до баз даних та npm-пакетів. Агент встановлює пакети за потреби.
Застосунки для Android: Kotlin і Jetpack Compose, попередній перегляд в емуляторі в браузері, встановлення на пристрій через ADB у браузері та публікація в Play Store для внутрішнього тестування.
Вбудовані інтеграції: Firebase Firestore і Firebase Authentication (вхід через Google), підключення до Google Workspace, як-от Gmail, Sheets, Docs, Drive і Calendar, з автоматичним налаштуванням OAuth, а також мультиплеєрний стан, який обробляє серверне середовище.
Інші бази даних: у документації сказано, що можна використовувати будь-яке сховище, до якого є доступ через мережу, з урахуванням обмежень фаєрволу для динамічних діапазонів IP.

Якщо цей термін вам незнайомий, наш матеріал про те, що таке vibe coding, пояснює основну ідею. Режим Build — одна з її реалізацій.

Як робити vibe coding застосунку в Google AI Studio

Відкрийте режим Build. Перейдіть на aistudio.google.com/apps і в перемикачі платформи оберіть вебзастосунок (за замовчуванням) або нативний Android.
Напишіть промпт. Опишіть, хто користуватиметься застосунком, що показує головний екран і з якими даними він працює. За допомогою AI Chips можна додати такі можливості, як генерація зображень чи дані Google Maps, або продиктувати промпт через розпізнавання мовлення. Якщо бракує ідей, кнопка "I'm Feeling Lucky" згенерує її за вас.
Або почніть з наявного. Відкрийте застосунок у App Gallery і натисніть Copy App, щоб зробити свою версію, або скористайтеся Import from GitHub у меню Add files (+) у полі промпту.
Запустіть і перегляньте превʼю. Згенеровані файли зʼявляються справа поруч із живою превʼю. На вкладці Code видно вихідний код.
Рухайтеся малими кроками. Просіть одну зміну за повідомлення. Для візуальних правок використовуйте режим анотацій: виділіть частину інтерфейсу й опишіть, що хочете змінити.
Налаштуйте дозволи. Якщо застосунку потрібні камера, мікрофон чи геолокація, у документації радять перелічити ці API браузера в metadata.json у полі requestFramePermissions.
Перевірте секрети. Відкрийте панель Secrets у Settings, щоб побачити GEMINI_API_KEY і додати інші ключі, потрібні вашому серверному коду.
Збережіть або опублікуйте. Синхронізуйте з GitHub, завантажте ZIP або натисніть Publish.

Як сформулювати промпт, щоб перша версія вийшла кращою

Build a booking page for a small pottery studio. Visitors pick a class from a list, choose a date, and enter name and email. Store requests in Firestore. Show a confirmation screen. Keep the layout single-column and mobile-first. Do not add login.

Якщо вказати сховище даних, екрани та те, чого додавати не треба, агент рідше вигадуватиме зайві функції, які потім доведеться видаляти.

Порівняння варіантів деплою та експорту

Варіант	Що ви отримуєте	Вимоги (за документацією Google)	На що звернути увагу
Publish, Starter Tier	URL на Cloud Run, за бажанням піддомен your-app-name.ai.studio	Акаунт, що відповідає вимогам; проєкт Google Cloud і платіжний акаунт не потрібні	Загалом до двох сервісів, один регіон Cloud Run; акаунти Workspace і акаунти з платним Cloud billing не підходять
Publish, стандартний деплой	Масштабований сервіс на Cloud Run	Проєкт Google Cloud, привʼязаний до AI Studio, з увімкненою тарифікацією	Залежно від використання може діяти тарифікація Cloud Run
Синхронізація з GitHub	Двостороння синхронізація репозиторію з повідомленнями комітів	Вкладка GitHub у Settings	Конфлікти злиття розвʼязуються в діалозі
Завантаження ZIP	Код, який можна запустити будь-де	Змінну GEMINI_API_KEY задаєте самі	Хостинг, секрети й оновлення — на вас

На Starter Tier публікація — це три кліки: Publish, Get Started, Publish App. Якщо у вас уже працюють два застосунки, потрібно зняти один із публікації або перейти на платний варіант. Власні піддомени видаються за принципом «хто перший, той і взяв» і звільняються, коли ви знімаєте застосунок із публікації або видаляєте його.

Ліміти й ризики, які варто знати перед тим, як ділитися

Ваш ключ оплачує кожного відвідувача. Розгорнутий застосунок використовує ваш ключ Gemini API для викликів усіх користувачів, а в документації попереджають, що при використанні платних моделей можуть застосовуватися витрати. AI Studio попередить вас перед тим, як ви поділитеся застосунком.
Застосунки спочатку приватні. Ті, кому ви надали доступ, можуть бачити й форкати код, а ті, хто має право редагування, можуть його змінювати.
Немає спільного редагування в реальному часі. У документації Google сказано, що спільне редагування наживо не підтримується; команди працюють разом через спільний репозиторій GitHub.
Посилання можуть не відкриватися. У документації згадуються помилки 403 Access Restricted, які спричиняють розширення для приватності, як-от Privacy Badger, або помилки збірки.
Відповідальність за поведінку — ваша. Застосунки можуть бути видалені за порушення політик, а розробник відповідає за поведінку застосунку й дані.
Старіші застосунки. Застосунки, створені до 14 травня 2026 року, переводяться на підхід із серверним ключем, коли наступного разу змінюються їхні функції Gemini.

У сторінках Google, які ми переглянули, немає конкретних цифр безкоштовних лімітів на запити чи токени, тому ми їх не наводимо. Що діє для вашого акаунта, дивіться на сторінці Billing в AI Studio.

Перед публікацією: чекліст, який можна скопіювати

[ ] Застосунок працює в превʼю з чистим профілем браузера, а не лише з вашим, де виконано вхід
[ ] Секрети лежать на панелі Secrets, а не вставлені в код чи промпти
[ ] Ви знаєте, чий ключ Gemini використовуватиме розгорнутий застосунок і скільки коштуватиме завантажений день
[ ] Правила Firestore чи бази даних перевірено, щоб відвідувачі не могли читати чи записувати того, чого не повинні
[ ] Ви протестували застосунок на екрані завширшки як телефон
[ ] Репозиторій синхронізовано з GitHub, тож у вас є копія поза AI Studio
[ ] Ви перевірили відповідність вимогам Starter Tier або маєте напоготові проєкт Cloud із увімкненою тарифікацією

Застосунки, згенеровані ШІ, можуть виглядати завершеними, приховуючи прогалини у валідації та контролі доступу. Докладніше про це — у матеріалі про прогалину довіри у vibe coding для вебсайтів.

Коли режим Build — не той інструмент

Build підходить для прототипів, внутрішніх інструментів і невеликих інтерактивних застосунків, що викликають Gemini. Для звичайного бізнес-сайту, якому потрібні домен, контактна форма та видимість у пошуку, це важчий шлях. Сервіс на Cloud Run за піддоменом ai.studio — це також не те саме, що сайт, яким ви керуєте з погляду пошукової оптимізації. Якщо ви розглядаєте простіші хостинги, перегляньте наш список альтернатив Google Sites, а коли сайт запрацює, налаштуйте Google Search Console, щоб бачити, як він індексується.

Для звичайного сайту, а не індивідуального застосунку, безкоштовний план We.Inc дозволяє опублікувати до трьох сайтів зі готових шаблонів; AI-конструктор, який створює чернетку сайту за промптом, доступний із плану Starter за $20 на місяць. Ви можете зареєструватися тут.

Почати безкоштовно · Банківська картка не потрібна