Vibe coding w Google AI Studio: budowa, limity, wdrożenie

Jak robić vibe coding w trybie Build Google AI Studio: kroki, możliwości i ograniczenia, limit dwóch aplikacji w Starter Tier oraz wdrożenie i eksport.

Najczęściej zadawane pytania

Czym jest vibe coding w Google AI Studio?

To tryb Build, dostępny pod adresem aistudio.google.com/apps. Opisujesz aplikację zwykłym językiem, Gemini generuje kod, a obok pojawia się podgląd na żywo. Według dokumentacji Google aplikacje webowe domyślnie mają frontend w React i środowisko serwerowe Node.js, a możesz też wybrać natywną aplikację na Androida (Kotlin i Jetpack Compose). Wynik dopracowujesz w czacie albo w trybie adnotacji na podglądzie. Dokumentację sprawdziliśmy w listopadzie 2026 r.

Czy vibe coding w Google AI Studio jest darmowy?

Dokumentacja Google dotycząca budowania i wdrażania nie opisuje darmowego limitu. Mówi natomiast, że wywołania API z Twojej aplikacji wliczają się do limitów użycia, a przy modelach płatnych mogą pojawić się koszty. Starter Tier pozwala uprawnionym kontom opublikować do dwóch aplikacji full-stack bez projektu Google Cloud i bez konta rozliczeniowego, ale w zależności od użycia mogą obowiązywać opłaty za Cloud Run. Aktualne stawki dla swojego konta znajdziesz na stronie Billing w AI Studio.

Jak wdrożyć aplikację zbudowaną w Google AI Studio?

Kliknij Publish (Opublikuj) w prawym górnym rogu. W Starter Tier klikasz następnie Get Started i Publish App, a w efekcie dostajesz adres URL w Cloud Run. Standardowe wdrożenie wymaga projektu Google Cloud połączonego z kontem AI Studio i z włączonymi płatnościami. Możesz też zsynchronizować projekt z GitHubem albo pobrać archiwum ZIP i hostować aplikację samodzielnie.

Czy mogę wyeksportować aplikację z Google AI Studio na GitHub lub własny hosting?

Tak. AI Studio obsługuje dwukierunkową synchronizację z GitHubem, którą zarządzasz w zakładce GitHub w Ustawieniach. Komunikaty commitów generuje AI, a konflikty rozwiązujesz w oknie Resolve conflicts. Możesz też pobrać archiwum ZIP. Jeśli uruchamiasz kod gdzie indziej, zmienną środowiskową GEMINI_API_KEY musisz ustawić samodzielnie.

Czy mój klucz Gemini API będzie widoczny w opublikowanej aplikacji?

W nowych aplikacjach webowych, jak podaje dokumentacja Google, AI Studio przechowuje GEMINI_API_KEY jako sekret po stronie serwera, widoczny w panelu Secrets, i nigdy nie umieszcza go w kodzie po stronie klienta. Wdrożona aplikacja używa tego klucza przy każdym wywołaniu Gemini przez każdego odwiedzającego, więc ich użycie wlicza się do Twoich limitów i kosztów.

Kto może korzystać ze Starter Tier przy publikowaniu?

Strona Google o wdrażaniu podaje, że uprawnione nie są konta zalogowane przez Google Workspace, konta z aktywnym lub wcześniejszym płatnym kontem rozliczeniowym Google Cloud ani konta bez wystarczających dowodów aktywności. Dodaje też, że pomoc techniczna nie może zmienić decyzji o uprawnieniach. Jeśli nie spełniasz warunków, skorzystaj ze standardowego wdrożenia z projektem Google Cloud z włączonymi płatnościami.

Krótka odpowiedź: vibe coding w Google AI Studio odbywa się w trybie Build pod adresem aistudio.google.com/apps. Opisujesz aplikację, Gemini pisze frontend w React oraz serwer Node.js (albo natywną aplikację na Androida), a Ty poprawiasz wynik na podglądzie na żywo. Gdy wszystko działa, klikasz Publish, aby wdrożyć aplikację w Cloud Run, synchronizujesz ją z GitHubem albo pobierasz archiwum ZIP. Zanim udostępnisz link, sprawdź limity poniżej, ponieważ wywołania Gemini od odwiedzających idą na Twój klucz. Wszystkie szczegóły sprawdziliśmy w dokumentacji Google w listopadzie 2026 r.

Co tak naprawdę robi tryb Build

Tryb Build to środowisko typu „od promptu do aplikacji” w AI Studio. Według dokumentacji Google:

Aplikacje webowe (domyślnie): frontend w React plus środowisko serwerowe Node.js do bezpiecznych wywołań API, połączeń z bazami danych i pakietów npm. Agent instaluje pakiety w miarę potrzeb.
Aplikacje na Androida: Kotlin i Jetpack Compose, podgląd w emulatorze w przeglądarce, instalacja na urządzeniu przez ADB w przeglądarce oraz publikacja w Sklepie Play do testów wewnętrznych.
Wbudowane integracje: Firebase Firestore i Firebase Authentication (logowanie przez Google), połączenia z Google Workspace, takie jak Gmail, Arkusze, Dokumenty, Dysk i Kalendarz, z automatyczną konfiguracją OAuth, a także stan gry wieloosobowej obsługiwany przez środowisko serwerowe.
Inne bazy danych: według dokumentacji możesz użyć dowolnego magazynu danych dostępnego przez sieć, z zastrzeżeniem ograniczeń zapory dla dynamicznych zakresów adresów IP.

Jeśli to pojęcie jest dla Ciebie nowe, nasze wyjaśnienie czym jest vibe coding przybliża tę ideę. Tryb Build to jedna z jej implementacji.

Jak zrobić vibe coding aplikacji w Google AI Studio

Otwórz tryb Build. Wejdź na aistudio.google.com/apps i w wyborze platformy wybierz aplikację webową (domyślnie) lub natywną aplikację na Androida.
Napisz prompt. Opisz, kto korzysta z aplikacji, co pokazuje główny ekran i jakie dane obsługuje. Możesz użyć AI Chips, aby dodać funkcje, takie jak generowanie obrazów lub dane z Map Google, albo podyktować opis przez zamianę mowy na tekst. Przycisk „I'm Feeling Lucky” podpowie pomysł, jeśli utkniesz.
Albo zacznij od czegoś, co już istnieje. Otwórz aplikację w App Gallery i wybierz Copy App, aby ją zremiksować, albo użyj opcji Import from GitHub z menu Add files (+) w polu promptu.
Uruchom i obejrzyj podgląd. Wygenerowane pliki pojawiają się z podglądem na żywo po prawej stronie. Zakładka Code pokazuje kod źródłowy.
Poprawiaj małymi krokami. Proś o jedną zmianę na wiadomość. Przy poprawkach wizualnych użyj trybu adnotacji: zaznacz fragment interfejsu i opisz, co chcesz zmienić.
Zadbaj o uprawnienia. Jeśli aplikacja potrzebuje kamery, mikrofonu lub geolokalizacji, dokumentacja każe wymienić te API przeglądarki w metadata.json w polu requestFramePermissions.
Sprawdź sekrety. Otwórz panel Secrets w Ustawieniach, aby zobaczyć GEMINI_API_KEY i dodać inne klucze potrzebne kodowi serwerowemu.
Zapisz lub opublikuj. Zsynchronizuj z GitHubem, pobierz ZIP albo kliknij Publish.

Sformułowania promptów, które dają lepsze pierwsze wersje

Zbuduj stronę rezerwacji dla małej pracowni ceramiki. Odwiedzający wybierają zajęcia z listy, wskazują datę i wpisują imię oraz e-mail. Zapisuj zgłoszenia w Firestore. Pokaż ekran potwierdzenia. Układ ma być jednokolumnowy i zaprojektowany najpierw pod telefony. Nie dodawaj logowania.

Wskazanie magazynu danych, ekranów i tego, czego nie robić, ogranicza ryzyko, że agent wymyśli funkcje, które potem będziesz musiał usuwać.

Porównanie opcji wdrożenia i eksportu

Opcja	Co dostajesz	Wymagania (według dokumentacji Google)	Na co uważać
Publish, Starter Tier	Adres URL w Cloud Run, opcjonalnie subdomena your-app-name.ai.studio	Uprawnione konto; bez projektu Google Cloud i bez konta rozliczeniowego	Łącznie do dwóch usług, jeden region Cloud Run; konta Workspace i konta z płatnym rozliczeniem Cloud nie są uprawnione
Publish, standardowe wdrożenie	Skalowalna usługa Cloud Run	Projekt Google Cloud połączony z AI Studio, z włączonymi płatnościami	W zależności od użycia mogą obowiązywać opłaty za Cloud Run
Synchronizacja z GitHubem	Dwukierunkowa synchronizacja repozytorium z komunikatami commitów	Zakładka GitHub w Ustawieniach	Konflikty scalania rozwiązujesz w oknie dialogowym
Pobranie ZIP	Kod, który uruchomisz wszędzie	GEMINI_API_KEY ustawiasz samodzielnie	Hosting, sekrety i aktualizacje są po Twojej stronie

W Starter Tier publikacja to trzy kliknięcia: Publish, Get Started, Publish App. Jeśli masz już dwie działające aplikacje, musisz jedną cofnąć z publikacji albo przejść na wyższy plan. Własne subdomeny przydzielane są według kolejności zgłoszeń i zwalniają się po cofnięciu publikacji lub usunięciu aplikacji.

Limity i ryzyka, które warto znać przed udostępnieniem

Twój klucz płaci za każdego odwiedzającego. Wdrożona aplikacja używa Twojego klucza Gemini API do wywołań wszystkich użytkowników, a dokumentacja ostrzega, że przy modelach płatnych mogą pojawić się koszty. AI Studio ostrzega Cię przed udostępnieniem.
Aplikacje zaczynają jako prywatne. Osoby, którym udostępnisz aplikację, widzą kod i mogą go sforkować, a te z uprawnieniami do edycji mogą go zmieniać.
Brak współedycji na żywo. Według dokumentacji Google edycja zespołowa w czasie rzeczywistym nie jest obsługiwana; zespoły współpracują przez wspólne repozytorium GitHub.
Udostępnione linki mogą nie działać. Dokumentacja wspomina o błędach 403 Access Restricted wywoływanych przez rozszerzenia chroniące prywatność, takie jak Privacy Badger, albo przez błędy kompilacji.
Za działanie odpowiadasz Ty. Aplikacje mogą zostać usunięte za naruszenie zasad, a deweloper odpowiada za zachowanie aplikacji i jej dane.
Starsze aplikacje. Aplikacje zbudowane przed 14 maja 2026 r. są przełączane na podejście z kluczem po stronie serwera przy najbliższej zmianie ich funkcji Gemini.

Strony Google, które przeczytaliśmy, nie podają liczby zapytań ani tokenów w darmowym limicie, więc żadnych liczb nie cytujemy. To, co obowiązuje na Twoim koncie, sprawdzisz na stronie Billing w AI Studio.

Przed publikacją: lista kontrolna do skopiowania

[ ] Aplikacja działa w podglądzie na świeżym profilu przeglądarki, a nie tylko na Twoim zalogowanym
[ ] Sekrety są w panelu Secrets, a nie wklejone w kod ani w prompty
[ ] Wiesz, czyj klucz Gemini będzie używać wdrożona aplikacja i ile kosztowałby intensywny dzień
[ ] Reguły Firestore lub bazy danych zostały sprawdzone, tak aby odwiedzający nie mogli czytać ani zapisywać tego, czego nie powinni
[ ] Przetestowałeś aplikację na ekranie o szerokości telefonu
[ ] Repozytorium jest zsynchronizowane z GitHubem, więc masz kopię poza AI Studio
[ ] Sprawdziłeś uprawnienia do Starter Tier albo masz gotowy projekt Cloud z włączonymi płatnościami

Aplikacje generowane przez AI mogą wyglądać na skończone, a jednocześnie kryć luki w walidacji i kontroli dostępu. Piszemy o tym w artykule luka zaufania w vibe codingu dla stron internetowych.

Kiedy tryb Build to złe narzędzie

Tryb Build sprawdza się przy prototypach, narzędziach wewnętrznych i małych aplikacjach interaktywnych, które korzystają z Gemini. To cięższa droga dla zwykłej strony firmowej, która potrzebuje domeny, formularza kontaktowego i widoczności w wyszukiwarce. Usługa Cloud Run za subdomeną ai.studio to także nie to samo co strona, którą zarządzasz pod kątem SEO. Jeśli rozważasz prostsze hostingi, zobacz naszą listę alternatyw dla Google Sites, a gdy strona już działa, skonfiguruj Google Search Console, żeby widzieć, jak jest indeksowana.

Dla zwykłej strony, a nie aplikacji na zamówienie, darmowy plan We.Inc pozwala opublikować do trzech stron z gotowych szablonów; kreator AI, który tworzy stronę na podstawie promptu, jest dostępny od planu Starter za $20 miesięcznie. Możesz zarejestrować się tutaj.

Zacznij za darmo · Bez karty kredytowej

Umair Ali Sadaqat

Założyciel We.Inc

Umair jest założycielem We.Inc. Pisze o tworzeniu stron z AI, agencjach i prowadzeniu studia internetowego.

Chcesz zbudować coś świetnego?

Dołącz do 15,000+ firm, które z We.Inc startują, rosną i automatyzują pracę, wszystko na jednej platformie.