Firebase Studio offers a streamlined way to import existing web app projects into a Firebase Studio workspace, letting you continue to work on your existing projects with Firebase Studio's AI-powered assistance and streamlined development, deployment, and monitoring capabilities.
You can import projects from a source repository (GitHub, GitLab, or Bitbucket), from Figma with the Builder.io Figma plugin, or from a local archive file. Firebase Studio supports importing gzipped tar files and zip files under 100 MiB.
Get started
Step 1: Import your project
Step 2: Install dependencies
By default, Firebase Studio doesn't install dependencies when you import a project, so you'll need to do this manually after your first import.
For example, if you import a Flutter app, you should run flutter pub get in
the terminal, or npm install for Javascript or TypeScript apps.
You can change this for all future users of your template and for future
imports by adding an onCreate hook to your dev.nix
file in your project
repository. You can configure onCreate to run the build command
appropriate for your project (for example, npm install or flutter pub
get).
After this is configured, dependencies are installed automatically whenever users import your repository into Firebase Studio.
Next steps
- Learn more about Firebase Studio workspaces.
- Customize your Firebase Studio workspace.
- Discover how Gemini in Firebase can assist and accelerate your app development with its ability to help answer questions, generate and edit code, fix bugs, and run tools.
- Turn your project into a custom template.