Comment on page


You can connect your project to your GitHub account and push your entire Flutter codebase to a GitHub repository.

Connect a GitHub repo

1. Go to your GitHub account, create a new repo by clicking on the "+" button in the top-right corner and select New repository.
create new repository
2. Enter the repository name and fill up other descriptions. We recommend creating a private repository. Don't keep the repo empty, select Add a README file. Click Create repository.
If you keep the repository empty then it would not be initialized as there's no main branch. So, FlutterFlow would not be able to upload your project there.
Enter repository details
3. Once the repo is created, go back to the Settings and Integrations page and move to Step 2. Click on the link present there to open the FlutterFlow GitHub App page.
Install FlutterFlow Github app
Click Install and select the account to install on.
Install FlutterFlow Github App
4. Choose Only select repositories and select the repo name that you created in Step 2 from the dropdown. Click Install.
Install FlutterFlow Github App
5. Now, go back to the Settings and Integrations page and move to Step 3. You just have to copy the GitHub repository URL that you created and paste it into the Full Repository URL text field.
Github integration
6. Click Associate Repo.
Associate Github repo
7. You will notice that a new button will appear, called Push to Repository. Click on it. This will open up a new popup. Enter the Git Commit Message and click on Push.
The Git Commit Message should summarize the changes made in the FlutterFlow project. It helps you recall changes in the future. For example, Update app title, Add push notification, Add todo search, etc.
Enter commit message and push to repository
The uploaded code on a new branch flutterflow looks like this:
code uploaded on Github

How to make local changes so they won't be overwritten with your next push from FlutterFlow

You can find the step-by-step guide for managing the custom code here.​
Here are a few tips and tricks:
  • FlutterFlow pushes any changes to a branch called flutterflow, it doesn't modify anything present inside your other branches.
  • You should not make any direct changes to the flutterflow branch.
  • If you want to make any modifications to the code should be made in a different branch (e.g. main branch).
  • That way the next time you push from FlutterFlow, it will overwrite the FlutterFlow branch. You can merge these changes into your main branch.
Last modified 1mo ago