Stay organized with collectionsSave and categorize content based on your preferences.
While you can usetheApp Prototyping agentto automatically create a new app prototype with theGemini API, you can
also launch a blank canvas with theGeminiDeveloper APIthrough one click of
a button. Start using the latest generative AI models from Google in your
app with a template that includes all theGemini APIinfrastructure you
need. All you need to do is add yourGemini APIkeyand get coding!
Build a new app with theGemini APIpre-loaded
Access theFirebase StudioGemini APItemplate from the
templates dashboard and build with the power of AI.
Select the language and framework for your environment. TheGemini APItemplate
inFirebase Studiois available in JavaScript (with Vite orGenkit) and Python (notebook or web app with Flask), with more
languages and frameworks coming soon.
(Optional)If you want to add theLangChainframework to your app, select theUse LangChainoption.
When your workspace loads, open themain.jsormain.pyfile and update
theAPI_KEYvariable with yourGemini APIkey fromGoogle AI Studio.
Test the base app in the web preview panel to watch theGemini APIin
action, and modify your newGemini APIapp accordingly.
Add theGemini APIto an existing app
You can also add theGemini APIto your existing app directly fromFirebase Studio.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-09-05 UTC."],[],[],null,["While you can use [the App Prototyping agent](/docs/studio/get-started-ai)\nto automatically create a new app prototype with the Gemini API, you can\nalso launch a blank canvas with the\n[Gemini Developer API](https://ai.google.dev/) through one click of\na button. Start using the latest generative AI models from Google in your\napp with a template that includes all the Gemini API infrastructure you\nneed. All you need to do is add your\n[Gemini API key](https://ai.google.dev/tutorials/setup) and get coding!\n\nBuild a new app with the Gemini API pre-loaded\n\nAccess the Firebase Studio Gemini API template from the\ntemplates dashboard and build with the power of AI.\n\n1. Open the [Firebase Studio template for the Gemini API](https://studio.firebase.google.com//new/gemini) from the Firebase Studio template dashboard.\n2. Select the language and framework for your environment. The Gemini API template in Firebase Studio is available in JavaScript (with Vite or Genkit) and Python (notebook or web app with Flask), with more languages and frameworks coming soon.\n3. *(Optional)* If you want to add the [LangChain](https://www.langchain.com/) framework to your app, select the **Use LangChain** option.\n4. When your workspace loads, open the `main.js` or `main.py` file and update the `API_KEY` variable with your Gemini API key from [Google AI Studio](https://aistudio.google.com/app/apikey).\n5. Test the base app in the web preview panel to watch the Gemini API in action, and modify your new Gemini API app accordingly.\n\nAdd the Gemini API to an existing app\n\nYou can also add the Gemini API to your existing app directly from\nFirebase Studio.\n\n1. Open [Firebase Studio](https://studio.firebase.google.com/).\n\n2. Click the Firebase Studio icon from the navigation pane to open the\n Firebase Studio panel.\n\n3. Expand the **Google Integrations** section and click **Add Gemini API**.\n\n4. Follow the prompts to authenticate your account and add a Gemini API key\n to your app."]]
