Agrega un botón "Abrir en Firebase Studio"
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Con Firebase Studio, puedes simplificar los pasos para que alguien nuevo en tu base de código configure su entorno de desarrollo y sea productivo.
Por ejemplo:
Si trabajas en un equipo con otros colaboradores, puedes personalizar tu entorno precisamente para tu proyecto y, luego, confirmar tu archivo .idx/dev.nix en el repositorio de Git de tu proyecto. De esta manera, cuando un compañero de equipo importe tu repositorio de GitHub en Firebase Studio, su nuevo espacio de trabajo tendrá la misma configuración que la tuya, con los mismos paquetes del sistema, extensiones de IDE, secuencias de comandos de inicio y mucho más.
Si compilas un framework o una biblioteca para que otros lo usen, puedes incluir un archivo .idx/dev.nix en tus repositorios de código de muestra, de modo que, cuando un usuario importe tus muestras a Firebase Studio, pueda omitir la configuración del entorno y pasar directamente a probar tu framework. Incluso puedes crear tu propia plantilla personalizada como un punto de partida personalizable y bien definido para tus usuarios.
Una vez que estés conforme con las personalizaciones de tu entorno, puedes hacer que sea aún más fácil para otras personas importar tu proyecto a Firebase Studio. Para ello, agrega un botón "Abrir en Firebase Studio" a tu documentación, como el archivo README.md de tu proyecto.
Puntos de entrada comunes de "Abrir en Firebase Studio"
Existen varios patrones de URL disponibles para un botón "Abrir en Firebase Studio":
Para vincular al flujo Importar un repositorio de Git, prepropagado con la URL de tu repositorio de Git, usa este patrón de URL:
https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
Por el momento, solo se admiten repositorios de GitHub (tanto privados como públicos).
Para vincular a una plantilla de espacio de trabajo predefinida, busca la plantilla que buscas en la página Plantillas de Firebase Studio y copia su URL, que debe seguir este patrón de URL:
https://studio.firebase.google.com/new/gemini
Para vincular a una plantilla personalizada, preproporcionada con la URL de GitHub de tu plantilla, usa este patrón de URL:
https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
Para abrir App Prototyping agent con una instrucción prepropagada, usa este patrón de URL:
https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
Agrega un botón "Abrir en Firebase Studio"
Instala el SDK de Abrir en Firebase Studio o usa esta herramienta para generar el código HTML de un botón Firebase Studio:
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-08-22 (UTC)
[null,null,["Última actualización: 2025-08-22 (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:"]]
