Deploying GitHub Projects with Vercel
Vercel for GitHub automatically deploys your GitHub projects with Vercel, providing Preview Deployment URLs, and automatic Custom Domain updates.Vercel for GitHub automatically deploys your GitHub projects with Vercel, providing Preview Deployment URLs, and automatic Custom Domain updates.
- GitHub Free
- GitHub Team
- GitHub Enterprise Cloud
- GitHub Enterprise Server (When used with GitHub Actions)
The Deploying a Git repository guide outlines how to create a new Vercel Project from a GitHub repository, and enable automatic deployments on every branch push.
If you'd like to connect your Vercel Project to a different GitHub repository or disconnect it, you can do so from the Git section in the Project Settings.
Vercel for GitHub will deploy every push by default. This includes pushes and pull requests made to branches. This allows those working within the repository to preview changes made before they are pushed to production.
With each new push, if Vercel is already building a previous commit on the same branch, the current build will complete and any commit pushed during this time will be queued. Once the first build completes, the most recent commit will begin deployment and the other queued builds will be cancelled. This ensures that you always have the latest changes deployed as quickly as possible.
You can disable this feature for GitHub by configuring the github.autoJobCancellation option in your vercel.json
file.
If Custom Domains are set from a project domains dashboard, pushes and merges to the Production Branch (commonly "main") will be made live to those domains with the latest deployment made with a push.
If you decide to revert a commit that has already been deployed to production, the previous Production Deployment from a commit will automatically be made available at the Custom Domain instantly; providing you with instant rollbacks.
The latest push to any pull request will automatically be made available at a unique preview URL based on the project name, branch, and team or username. These URLs will be provided through a comment on each pull request. Vercel also supports Comments on preview deployments made from PRs on GitHub. Learn more about Comments on preview deployments in GitHub here.
If you receive a pull request from a fork of your repository that includes a change to the vercel.json
file or the Project has Environment Variables, Vercel will require authorization from you or a Team Member to deploy the pull request.
This behavior protects you from leaking sensitive Project information.
You can disable Git Fork Protection in the Security section of your Project Settings.
Vercel for GitHub uses the deployment API to bring you an extended user interface both in GitHub, when showing deployments, and Slack, if you have notifications setup using the Slack GitHub app.
You will see all of your deployments, production or preview, from within GitHub on its own page.
Due to using GitHub's Deployments API, you will also be able to integrate with other services through GitHub's checks. Vercel will provide the deployment URL to the checks that require it, for example; to a testing suite such as Checkly.
To configure the Vercel for GitHub integration, see the configuration reference for Git.
You may want to use different workflows and APIs based on Git information. To support this, the following System Environment Variables are exposed to your Deployments:
The Git Provider the deployment is triggered from. In the case of GitHub, the value is always github
.
The GitHub organization that owns the repository the deployment is triggered from.
VERCEL_GIT_REPO_OWNER=acme
The ID of the GitHub repository the deployment is triggered from.
VERCEL_GIT_REPO_ID=117716146
The GitHub branch that the deployment was made from.
VERCEL_GIT_COMMIT_REF=improve-about-page
The GitHub SHA of the commit the deployment was triggered by.
VERCEL_GIT_COMMIT_SHA=fa1eade47b73733d6312d5abfad33ce9e4068081
The message attached to the GitHub commit the deployment was triggered by.
VERCEL_GIT_COMMIT_MESSAGE=Update about page
The GitHub username belonging to the author of the commit that the project was deployed by.
VERCEL_GIT_COMMIT_AUTHOR_LOGIN=johndoe
The GitHub name belonging to the author of the commit that the project was deployed by.
VERCEL_GIT_COMMIT_AUTHOR_NAME=John Doe
The GitHub pull request id the deployment was triggered by. If a deployment is created on a branch before a pull request is made, this value will be an empty string.
VERCEL_GIT_PULL_REQUEST_ID=23
We require some permissions through our Vercel for GitHub integration. Below are listed the permissions required and a description for what they are used for.
Repository permissions allow us to interact with repositories belonging to or associated with (if permitted) the connected account.
Permission | Read | Write | Description |
---|---|---|---|
Administration | Y | Y | Allows us to create repositories on the user's behalf. |
Checks | Y | Y | Allows us to add checks against source code on push. |
Contents | Y | Y | Allows us to fetch and write source code for new project templates for the connected user or organization. |
Deployments | Y | Y | Allows us to synchronize deployment status between GitHub and the Vercel infrastructure. |
Pull Requests | Y | Y | Allows us create deployments for each Pull Request (PR) and comment on those PR's with status updates. |
Issues | Y | Y | Allows us to interact with Pull Requests as with the Pull Requests permissions due to GitHub requiring both for access. |
Metadata | Y | N | Allows us to read basic repository metadata to provide a detailed dashboard. |
Web Hooks | Y | Y | Allows us to react to various GitHub events. |
Commit Statuses | Y | Y | Allows us to synchronize commit status between GitHub and Vercel. |
Organization permissions allow us to offer an enhanced experience through information about the connected organization.
Permission | Read | Write | Description |
---|---|---|---|
Members | Y | N | Allows us to offer a better team onboarding experience. |
User permissions allow us to offer an enhanced experience through information about the connected user.
Permission | Read | Write | Description |
---|---|---|---|
Email addresses | Y | N | Allows us to associate an email with a GitHub account. |
We use the permissions above in order to provide you with the best possible deployment experience. If you have any questions or concerns about any of the permission scopes, please contact Vercel Support.
To sign up on Vercel with a different GitHub account, sign out of your current GitHub account.
Then, restart the Vercel signup process.
When importing or connecting a GitHub repository, we require that you have Collaborator access to the corresponding repository, so that we can configure a webhook and automatically deploy pushed commits.
If a repository is missing when you try to import or connect it, make sure that you have Collaborator access configured for the repository. For an organization or a team, this page explains how to view the permissions of the members. For personal GitHub accounts, this page explains how to manage access.
By default, comments from the Vercel GitHub bot will appear on your pull requests and commits. You can silence these comments in your project's settings:
- From the Vercel dashboard, select your project
- From the Settings tab, select Git
- Under Connected Git Repository, toggle the switches to your preference
If you had previously used the, now deprecated, github.silent
property in your project configuration, we'll automatically adjust the setting for you.
It is currently not possible to prevent comments for specific branches.
You can use GitHub Actions to build and deploy your Vercel Application. This approach is necessary to enable Vercel with GitHub Enterprise Server (GHES) with Vercel, as GHES cannot use Vercel’s built-in Git integration.
- Create a GitHub Action to build your project and deploy it to Vercel. Make sure to install the Vercel CLI (
npm install --global vercel@latest
) and pull your environment variablesvercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
- Use
vercel build
to build your project inside GitHub Actions, without exposing your source code to Vercel - Then use
vercel deploy --prebuilt
to skip the build step on Vercel and upload the previously generated.vercel/output
folder from your GitHub Action to Vercel
You'll need to make GitHub Actions for preview (non-main
pushes) and production (main
pushes) deployments. Learn more about how to configure GitHub Actions and Vercel for custom CI/CD workflows.
Was this helpful?