BlogsVercelProject and Git Integration Enhancements

Project and Git Integration Enhancements

Project and Git Integration Enhancements

8
posts
2019–2020

Vercel has enhanced its project creation and Git integration capabilities. This includes enabling project-level Git connections, allowing multiple Git providers per Vercel account and per project, which is particularly beneficial for larger teams. The project creation flow has been updated to allow searching for existing repositories, reducing page loads and accelerating the time to deployment. The template library has also been integrated into the project creation flow, providing easier access. This integration extends to Bitbucket, enabling automatic deployments with built-in CI/CD, DNS, and TLS for every git push, with preview deployments for feature branches and instant rollbacks on the default branch.

2020

Three Improvements to Project Creation & Git Integration

12/18/2020

Introduced project-level Git connections, moving the scope from account to project, enabling multiple Git providers per Vercel account and per project. Updated the project creation flow to include repository search for faster import and integrated the template library into this flow.

Set a custom production Git branch on Vercel

7/17/2020

Introduced the ability to set a custom production Git branch for new Vercel projects, defaulting to `main` instead of the repository's default branch. This setting can be configured in Project Settings to allow `main`, the default branch, or any custom branch for production deployments. Compatibility for repositories still using the `master` branch is maintained.

New Git Integration Settings

3/23/2020

Introduced a new 'Git Integration' setting in Project Settings for easier management of Git connections. Refined the 'Git Integrations' page in account settings to provide a clearer overview of Git provider status and editing options.

2019

Branch Domains

12/20/2019

Introduced Branch Domains, a feature allowing users to assign a custom domain to a specific Git branch for preview deployments. This ensures that the domain always points to the latest deployment on that branch, simplifying branding and sharing of preview environments. The setup involves linking a project to a Git repository and then configuring a domain to be associated with a specific branch. The Vercel REST API also supports this functionality via the 'Update a project domain' endpoint.

Vercel for Bitbucket

11/27/2019

Introduced first-class Bitbucket integration, enabling automatic deployments with built-in CI/CD, DNS, and TLS for every git push. This includes preview deployments for feature branches and instant rollbacks on the default branch. The setup involves a one-click connection to Bitbucket and linking projects, with each push triggering a deployment to a preview URL and merges to the default branch updating production domains.

Dashboard redesign

11/20/2019

This post details a significant redesign of the Vercel Dashboard, focusing on improving the user experience for project creation, code import, project management, and deployment inspection. Key technical contributions include: streamlining GitHub and GitLab integration for automatic deployments, enhancing the project overview with deployment screenshots, integrating logs into the deployment overview with filtering capabilities, improving browser tab icons to reflect deployment status, introducing production domain association, and implementing performance optimizations such as preconnect, browser priority, `useMemo`/`useCallback`, `ReactDOM.unstable_batchedUpdates`, and SWR.

Introducing the Deploy Button

11/18/2019

Introduced the Vercel Deploy Button, enabling users to share custom templates as one-click deployments. This feature simplifies the process for users to get started with open-source projects and frameworks by forking and deploying a specified template (e.g., from the Next.js examples list) to Vercel. It also includes the option to automatically create a GitHub or GitLab repository and push the source files of the newly created deployment.

Deploy Summary Integration

9/3/2019

Introduced Deploy Summary integration to augment pull/merge requests with detailed previews (screenshots, links, URLs, commit SHAs) and persistent URLs for easier review. This enhances the project and Git integration by providing more context directly within the development workflow.