Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Firebase Studio
Buat prototipe, bangun, dan kirim aplikasi full-stack yang didukung AI dengan cepat serta efisien, langsung dari browser Anda.
Firebase Studio adalah lingkungan pengembangan agentic berbasis cloud yang membantu Anda membangun dan mengirimkan aplikasi AI full stack berkualitas produksi, termasuk API, backend, frontend, seluler, dan lain-lain.
Firebase Studio menyatukan Project IDX dengan agen AI khusus dan bantuan dari Gemini di Firebase untuk menyediakan ruang kerja kolaboratif yang dapat diakses dari mana saja, tentunya berisi semua yang Anda perlukan untuk mengembangkan aplikasi.
Anda dapat mengimpor project yang ada atau memulai project baru dengan template yang mendukung berbagai bahasa dan framework.
Penyiapan project yang cepat dengan template dan contoh bawaan
Firebase Studio menyediakan dukungan framework dan bahasa yang luas dengan library template dan aplikasi contoh yang besar, termasuk bahasa populer seperti Go, Java, .NET, Node.js, dan Python Flask, serta framework seperti Next.js, React, Angular, Vue.js, Android, Flutter, dan lain-lain.
Mulailah dengan template atau aplikasi contoh dari galeri template dan/atau buat template kustom Anda sendiri untuk berbagi.
Pembuatan prototipe bahasa alami yang cepat
Gunakan Gemini di Firebase untuk membuat prototipe dan memublikasikan aplikasi web full stack dengan App Prototyping agent.
Buat seluruh aplikasi dengan perintah multimodal, termasuk bahasa alami, gambar jadi, gambar buatan tangan. Tingkatkan kualitas aplikasi Anda menggunakan galeri gambar stok dari Unsplash.
Bantuan AI yang selalu tersedia dari Gemini di Firebase
Gunakan bantuan coding AI dari Gemini di Firebase di semua platform pengembangan: chat interaktif, pembuatan kode, pengoperasian alat, dan saran kode inline.
Gemini di Firebase dapat membantu Anda menulis kode dan dokumentasi, memperbaiki bug, menulis dan menjalankan pengujian unit, mengelola dan me-resolve dependensi, menggunakan container Docker, dan lain-lain.
Lingkungan pengembangan yang sudah dikenal dan sangat mudah disesuaikan
Firebase Studio dibuat berdasarkan project Code OSS yang populer dan menjalankan virtual machine (VM) lengkap yang didukung oleh Google Cloud.
Anda dapat menyesuaikan hampir setiap aspek lingkungan pengembangan online dengan Nix, termasuk paket sistem, alat bahasa, konfigurasi IDE, pratinjau aplikasi, dan konfigurasi IDE—serta membagikan project dan seluruh konfigurasi lingkungan pengembangannya dengan template kustom.
Alat, emulator, dan metode deployment bawaan dengan integrasi Firebase dan Google Cloud yang mendalam
Firebase Studio terintegrasi lancar dengan layanan Firebase dan Google Cloud. Misalnya, Anda dapat menggunakan Firebase Local Emulator Suite langsung dari Firebase Studio untuk menguji layanan Firebase dan Google Cloud seperti Firebase Authentication, Cloud Functions, Cloud Firestore, Cloud Storage, Firebase App Hosting, dan Firebase Hosting secara menyeluruh sebelum memublikasikan aplikasi.
Bagaimana cara kerjanya?
Firebase Studio mendukung beberapa mode untuk memenuhi berbagai gaya pengembangan:
Coding dengan kontrol penuh: Bekerja langsung di IDE berbasis Code OSS tempat Anda dapat mengimpor repositori yang ada atau memulai project baru, dan menggunakan ekstensi dari Open VSX Registry.
Gemini di Firebase memberikan bantuan AI berbasis ruang kerja dengan penyelesaian kode, pembuatan kode, pengujian, pengoperasian alat, dan dokumentasi. Anda dapat sepenuhnya menyesuaikan ruang kerja, pendekatan deployment, dan lingkungan runtime target dengan dukungan untuk konfigurasi yang dapat diperluas menggunakan Nix.
Membuat prompt tanpa coding: App Prototyping agent, yang juga dikenal sebagai Prototyper, memungkinkan Anda membuat ruang kerja baru untuk membuat prototipe dan meningkatkan kualitas ide aplikasi dengan Gemini di Firebase—tanpa menulis kode apa pun. Bekerja dengan agen menggunakan perintah multimodal untuk mengembangkan aplikasi full-stack secara iteratif (saat ini berfungsi untuk aplikasi web), menguji dan men-debug, serta membagikan pekerjaan Anda kepada orang lain, langsung dari browser. Anda dapat langsung mengembalikan perubahan jika diperlukan, menambahkan fitur baru, menguji, memublikasikan ke Firebase App Hosting, dan memantau performa aplikasi dengan kemampuan observasi bawaan.
Anda dapat bertransisi dengan lancar antara coding dan pembuatan prompt untuk memanfaatkan keunggulan masing-masing. Misalnya, Anda dapat memulai dengan prototipe di App Prototyping agent yang mencakup dasar-dasar, seperti struktur aplikasi dan alur penggunaan, lalu beralih ke Code untuk menerapkan lebih banyak logika dan integrasi kustom.
Fleksibilitas ini memungkinkan Anda melakukan iterasi dengan cepat dan membangun aplikasi yang memenuhi kebutuhan spesifik Anda—semuanya dari Firebase Studio.
Harga, kuota, dan batas
Akses ke Firebase Studio tersedia tanpa biaya, tetapi Anda dapat meningkatkan jumlah ruang kerja yang dapat dibuat dengan bergabung ke Google Developer Program.
Integrasi tertentu (seperti Firebase App Hosting) mungkin memerlukan akun Cloud Billing.
Untuk memblokir penggunaan perintah dan respons Anda untuk pelatihan model, jangan gunakan App Prototyping agent, dan jangan gunakan Gemini di Firebase dalam Firebase Studio. Untuk memblokir penggunaan kode Anda untuk pelatihan model, nonaktifkan penyelesaian kode dan pengindeksan kode di setelan Firebase Studio.
[null,null,["Terakhir diperbarui pada 2025-08-22 UTC."],[],[],null,["Firebase Studio \nRapidly prototype, build, and ship full-stack AI-infused\napps quickly and efficiently, right from your browser. \n\nFirebase Studio is an agentic cloud-based development environment\nthat helps you build and ship production-quality full-stack AI\napps, including APIs, backends, frontends, mobile, and more.\nFirebase Studio unifies\n[Project IDX](/docs/studio/idx-is-firebase-studio) with specialized\nAI agents and assistance from Gemini in Firebase\nto provide a collaborative workspace accessible from anywhere,\ncontaining everything you need to develop an application.\nYou can import your existing projects or start something new\nwith templates supporting a variety of languages and frameworks. \n[Learn how to get started](/docs/studio/get-started) [Try\nFirebase Studio now](https://studio.firebase.google.com)\n| **Preview:** Firebase Studio is in Preview, which means that the product is not subject to any SLA or deprecation policy and could change in backwards-incompatible ways.\n\nKey capabilities\n\n|-------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Import projects from source control, local archive, or Figma design** | [Bring your own apps to Firebase Studio](/docs/studio/get-started-import): import a local archive, connect a public or private source code repository, or generate code from a Figma design and import it with the [Builder.io Figma plugin](https://www.builder.io/c/docs/builder-figma-plugin). |\n| **Quick project setup with built-in templates and samples** | Firebase Studio provides [extensive framework and language support](/docs/studio/get-started-template) with a large library of templates and sample apps, including popular languages like Go, Java, .NET, Node.js, and Python Flask, and frameworks like Next.js, React, Angular, Vue.js, Android, Flutter, and more. Start with a template or sample app from the [template gallery](https://studio.firebase.google.com//templates) and/or create your own [custom template](/docs/studio/custom-templates) to share. |\n| **Rapid natural language prototyping** | Use Gemini in Firebase to prototype and publish full-stack web applications with [the App Prototyping agent](/docs/studio/get-started-ai). Generate entire apps with multimodal prompts, including natural language, images, drawings. Enhance your app using a gallery of stock images from [Unsplash](https://unsplash.com). |\n| **Always-available AI assistance from Gemini in Firebase** | Use AI coding assistance from [Gemini in Firebase](/docs/studio/ai-assistance) across all development surfaces: interactive chat, code generation, tool running, and inline code suggestions. [Gemini in Firebase](/docs/studio/try-gemini) can help you write code and documentation, fix bugs, write and run unit tests, manage and resolve dependencies, work with Docker containers, and more. |\n| **Familiar and highly customizable development environment** | Firebase Studio is built on the popular Code OSS project and runs a full [virtual machine (VM)](https://cloud.google.com/workstations) powered by Google Cloud. You can customize almost every aspect of your online development environment with [Nix](/docs/studio/customize-workspace), including system packages, language tooling, IDE configurations, app previews, and IDE configuration---and share the project and its entire development environment configuration with a [custom template](/docs/studio/custom-templates). |\n| **Built-in tools, emulators, and deployment methods with deep Firebase and Google Cloud integration** | [Preview your web and Android apps right in the browser](/docs/studio/preview-apps) and take advantage of [built-in runtime services and tools](/docs/studio/debug) for emulation, testing, and debugging. Firebase Studio seamlessly integrates with [Firebase and Google Cloud services](/docs/studio/google-integrations). For example, you could use the [Firebase Local Emulator Suite](/docs/emulator-suite) directly from Firebase Studio to thoroughly test Firebase and Google Cloud services like Firebase Authentication, Cloud Functions, Cloud Firestore, Cloud Storage, Firebase App Hosting, and Firebase Hosting before you [publish your app](/docs/studio/deploy-app). |\n\nHow does it work?\n\nFirebase Studio supports multiple modes to cater to different development\nstyles:\n\n- **Coding with full control** : Work directly in a Code OSS-based IDE where\n you can import existing repositories or start new projects, and use extensions\n from the [Open VSX Registry](https://open-vsx.org/).\n Gemini in Firebase\n provides workspace-aware AI assistance with code completion, code\n generation, testing, tool-running, and documentation. You can completely\n customize your workspaces, deployment approach, and target runtime\n environment with support for extensible configuration using\n [Nix](https://nixos.org/).\n\n- **Prompting without coding: The App Prototyping agent, also known as\n Prototyper** lets you create new workspaces to\n prototype and refine app ideas with\n Gemini in Firebase---without writing any code. Work with the\n agent using multimodal prompts to iteratively develop a full-stack app\n (currently works for web apps), test and debug, and share your work with\n others, right from your browser. You can immediately roll changes back if\n needed, add new features, test, publish to Firebase App Hosting and\n monitor your app's performance with built-in observability.\n\nYou can seamlessly transition between coding and prompting to harness the\nstrengths of each. For example, you can start with a prototype in\nthe App Prototyping agent that covers the basics, like app structure and\nuser flow, then switch to\nCode to implement more custom logic and integration.\n\nThis flexibility lets you iterate quickly and build apps that meet your\nspecific needs---all from Firebase Studio.\n| **Note:** The App Prototyping agent can help you **build web apps with\n| Next.js**. Support for other platforms and frameworks is coming soon!\n\nPricing, quotas, and limits\n\nAccess to Firebase Studio is available at no cost, but you can increase the\nnumber of workspaces you can create by joining the\n[Google Developer Program](https://developers.google.com/profile/u/_/dashboard).\nCertain integrations (like Firebase App Hosting) may require a\nCloud Billing account.\n\nLearn more at [Firebase Studio pricing, quotas, and limits](/docs/studio/pricing).\n\nHow Firebase Studio uses your data\n\nYour use of Firebase Studio is governed by the [Google Terms of\nService](https://policies.google.com/terms).\n\nHowever, note that your use of generative AI features within\nFirebase Studio is governed by the [Generative AI Prohibited Use\nPolicy](https://policies.google.com/terms/generative-ai/use-policy) and the\n[Gemini API Additional Terms of\nService](https://ai.google.dev/gemini-api/terms) (specifically governed by\n[Gemini API Additional Terms of Service: Unpaid\nServices](https://ai.google.dev/gemini-api/terms#unpaid-services)).\n\nTo block the use of your *prompts and responses* for model training, do not\nuse the App Prototyping agent, and do not use Gemini in Firebase within\nFirebase Studio. To block the use of your *code* for model training,\n[turn off code\ncompletion](/docs/studio/set-up-gemini#adjust-code-complete)\nand [code\nindexing](/docs/studio/set-up-gemini#adjust-code-indexing)\nin your Firebase Studio settings.\n\nNext steps\n\n- [Start prototyping your new app with Firebase Studio](/docs/studio/get-started-ai).\n- [Learn more about Firebase Studio workspaces](/docs/studio/get-started-workspace)."]]
