Git workflow

Git panel

After you have made some changes to your code and saved them (⌘ + S or Ctrl + S), you will notice a purple notification next to the git icon at the top of the left sidebar.

Clicking that icon or using ⌃ ⇧ G or Ctrl + ⇧ + G reveals the Git panel, which will contain a list of your previous commits, as well as all uncommitted changes.

Git panel

⚠️

New branches are not automatically created on GitHub. We only push the branch to GitHub when you create a commit or rename the branch.

Committing changes

Under the "Uncommitted changes" section, you will find a text field where you can input a commit message. If you have the Boxy AI assistant enabled, Boxy will automatically suggest a commit message based on the changes you made. Optionally, you can click the sparkles icon at the top right of the text box to generate a new commit message using Boxy.

Finally, when you click the "Commit and push" button, we commit the changes to the branch on GitHub.

💡

You can also commit changes using the terminal. This is especially useful if you're working with a repository from GitLab or another non-GitHub git provider, as our git panel currently only supports GitHub repos.

Opening a pull request

After you have committed some changes, you can open the "Pull request" tab at the top of the left sidebar (or using ⌃ ⇧ I or Ctrl + ⇧ + I), which will display a list of all the files that have been changed.

PR panel

When you're ready to open a PR, you can either click the "Open pull request" button at the bottom of the "Pull request" tab or click “Create PR” at the top right of the web editor.

Then, you will be redirected to GitHub, where you will be able to add the final details of the PR.

Reviewing a PR

CodeSandbox has a unique set of features that improve the PR review process.

Setting this up requires some additional one-time configuration, so see more details about this setup and workflow on the code reviews page.

Environment setup PR configuration