Announcing the official GraphCMS integration for Vercel!

Carlos Rufo
Carlos Rufo
Aien Saidi
Aien Saidi
Ronak Ganatra
Ronak Ganatra

December 17, 2020

Announcing the official GraphCMS integration for Vercel!

For all our users building their projects on Vercel, we're thrilled to announce our next official integration.

About the Integration

The Vercel integration allows you to seamlessly update your static deployments at the push of a button from within GraphCMS itself! Not to be confused with triggered builds via webhooks, this integration allows you to install a button in the GraphCMS sidebar of a content model for manual redeploys, alongside a visual indicator of deployment status.

Requirements to use the GraphCMS Vercel Integration

When using this Vercel integration, you should already have a project deployed in an active Vercel project. If you don't already have one, we recommend signing up for a free account on Vercel.

Your Vercel project should be configured to load content from a GraphCMS project.

Note: Only sites with continuous deployment configured can be enabled.

Note: Each GraphCMS project can support up to 3 concurrent Vercel projects. This integration uses explicit OAuth2.

What can you do with the Vercel integration in GraphCMS

  • Trigger Vercel builds from within your content view with a single click.
  • View the status of your Vercel build without leaving the GraphCMS UI.
  • Specify which content models display the button in the sidebar, giving you more control over how builds are triggered when there are changes to your content.

Set up the Vercel Integration in GraphCMS

Step One: Activate the Vercel integration in GraphCMS

image

Log in to your GraphCMS project, and select integrations from the settings sidebar.

image

Select Vercel and enable the integration.

image

Ensure that you’re logged in to your Vercel account so your projects appear on the next step.

Step Two: Configure which content models to enable the integration for

image

Select the Vercel projects you want to connect to your GraphCMS project. They must support continuous deployment.

image

Select which content models show the deploy button in the GraphCMS sidebar.

Note: Only content models selected will display the deploy button.

Step Three: Update and deploy

image

When creating, publishing, unpublishing, or editing content, simply click on Start Building to trigger a new Vercel build.

image

Once triggered, you’ll see the build status within the GraphCMS UI itself.

That's it, you're set!

Note: We recommend setting up Preview URLs to support your workflows and preview your content before pushing it to Production.

We'd love to gather your feedback on the GraphCMS Vercel Integration, and are looking forward to hearing from you.


This site uses cookies to provide you with a better user experience. For more information, refer to our Privacy Policy