Comienza con un proyecto existente

Firebase Studio ofrece una forma optimizada de importar proyectos de apps web existentes a un espacio de trabajo de Firebase Studio, lo que te permite seguir trabajando en tus proyectos existentes con la asistencia potenciada por IA de Firebase Studio y las capacidades optimizadas de desarrollo, implementación y supervisión.

Puedes importar proyectos desde un repositorio de código fuente (GitHub, GitLab o Bitbucket), desde Figma con el complemento Figma de Builder.io o desde un archivo de almacenamiento local. Firebase Studio admite la importación de archivos tar y ZIP comprimidos con gzip de menos de 100 MiB.

Primeros pasos

Paso 1: Importa tu proyecto

Paso 2: Instala las dependencias

De forma predeterminada, Firebase Studio no instala dependencias cuando importas un proyecto, por lo que deberás hacerlo de forma manual después de la primera importación.

Por ejemplo, si importas una app de Flutter, debes ejecutar flutter pub get en la terminal o npm install para apps de JavaScript o TypeScript.

Puedes cambiar esto para todos los usuarios futuros de tu plantilla y para las futuras importaciones. Para ello, agrega un hook onCreate a tu archivo dev.nix en el repositorio de tu proyecto. Puedes configurar onCreate para que ejecute el comando de compilación adecuado para tu proyecto (por ejemplo, npm install o flutter pub get).

Después de configurar esto, las dependencias se instalan automáticamente cada vez que los usuarios importan tu repositorio a Firebase Studio.

Próximos pasos