Stay organized with collections
Save and categorize content based on your preferences.
With Firebase Studio, you can simplify the steps for someone new to
your codebase to set up their development environment and get productive.
For example:
If you're working on a team with other contributors, you can
customize your environment
precisely for your project and then commit your .idx/dev.nix file to
your project's Git repository. That way, when a teammate imports your
Git repository in Firebase Studio, their new workspace will have
the exact same configuration as yours, complete with the same system
packages, IDE extensions, starter scripts, and more.
If you're building a framework or library for others to use, you
can include a .idx/dev.nix file in your sample code repositories, so
that when a user imports your samples into Firebase Studio, they
can skip the environment setup and jump straight into trying out your
framework. You can even build your own, custom
template as an opinionated,
customizable starting point for your users.
After you're happy with your environment customizations, you can make it
even easier for others to import your project into Firebase Studio by
adding an "Open in Firebase Studio" button to your documentation, such
as your project's README.md file.
Common "Open in Firebase Studio" entry points
There are several URL patterns available for an "Open in
Firebase Studio" button:
To link to the import a Git repository flow, prefilled with your Git
repository URL, use this URL pattern:
At this time, only GitHub repositories are supported (both private and
public).
To link to a predefined workspace template, find the template
you're looking for in the
Templates page in
Firebase Studio, and copy its URL, which should follow this URL pattern:
https://studio.firebase.google.com/new/gemini
To link to a custom template, prefilled with your template's GitHub URL,
use this URL pattern:
[[["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-08-28 UTC."],[],[],null,["With Firebase Studio, you can simplify the steps for someone new to\nyour codebase to set up their development environment and get productive.\n\nFor example:\n\n- If you're **working on a team with other contributors** , you can\n [customize your environment](/docs/studio/customize-workspace)\n precisely for your project and then commit your `.idx/dev.nix` file to\n your project's Git repository. That way, when a teammate imports your\n Git repository in Firebase Studio, their new workspace will have\n the exact same configuration as yours, complete with the same system\n packages, IDE extensions, starter scripts, and more.\n\n- If you're **building a framework or library** for others to use, you\n can include a `.idx/dev.nix` file in your sample code repositories, so\n that when a user imports your samples into Firebase Studio, they\n can skip the environment setup and jump straight into trying out your\n framework. You can even [build your own, custom\n template](/docs/studio/custom-templates) as an opinionated,\n customizable starting point for your users.\n\nAfter you're happy with your environment customizations, you can make it\neven easier for others to import your project into Firebase Studio by\nadding an \"Open in Firebase Studio\" button to your documentation, such\nas your project's `README.md` file.\n\nCommon \"Open in Firebase Studio\" entry points\n\nThere are several URL patterns available for an \"Open in\nFirebase Studio\" button:\n\n- To link to the **import a Git repository** flow, prefilled with your Git\n repository URL, use this URL pattern:\n\n https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo\n\n At this time, only GitHub repositories are supported (both private and\n public).\n- To link to a **predefined workspace template** , find the template\n you're looking for in the\n [Templates](https://studio.firebase.google.com/templates) page in\n Firebase Studio, and copy its URL, which should follow this URL pattern:\n\n https://studio.firebase.google.com/new/gemini\n\n- To link to a **custom template**, prefilled with your template's GitHub URL,\n use this URL pattern:\n\n https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template\n\n- To open the App Prototyping agent with a pre-filled prompt, use this URL\n pattern:\n\n https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini\n\nAdd an \"Open in Firebase Studio\" button\n\nInstall the [Open in Firebase Studio\nSDK](https://www.npmjs.com/package/@firebase-studio/open-sdk) or\nuse this tool to generate the HTML for a Firebase Studio button:"]]