New! Shorten Jamstack build times with On-demand Builders. Learn more

By Jamie Barton & Ronak Ganatra in News & Announcements

GraphCMS launches integration for Netlify

GraphCMS just announced the release of an integration for Netlify. This integration allows Netlify sites and apps to be built and deployed from within the GraphCMS UI itself, with a single click.

About the Integration

Netlify x GraphCMS integration screenshot

The integration allows you to update your static deployments via a button in the GraphCMS content view. Handled differently than by webhooks, the only configuration needed is connecting your GraphCMS project to your Netlify site/app and selecting which content entries can trigger a rebuild via the UI.

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.

What you can do with the GraphCMS-Netlify integration

  • Trigger Netlify builds within your content view with a single click.
  • View the status of your Netlify 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.

Prerequisites to use this integration

How it works

Log in to your GraphCMS project and select Integrations from the sidebar.

Select Netlify, and enable the integration. Your GraphCMS user should have the necessary permissions for this.

Enabling Netlify integration in GraphCMS dashboard screenshot

Ensure that you’re connected to your Netlify account so your Netlify sites can appear in the next step.

Connect to Netlify button in GraphCMS dashboard

Select the sites you want to enable the integration for and ensure that they have continuous deployment enabled.

Netlify Sites build settings in GraphCMS integration settings

Select the content models that should show the Netlify button in the sidebar. This could range from anything larger like pages and posts, or something granular like authors and headers. Any content change that could trigger a new deploy should have the button enabled.

Netlify content schema models in GraphCMS integration dashboard

When creating or editing published content, simply click on Start Building Demo to trigger a new build. You’ll be able to see the status of your build once triggered within the sidebar itself.

Netlify x GraphCMS integration button finalizing start building button

That’s it, you’re set!

Note: The GraphCMS team recommends setting up Netlify Deploy Preview links to support your workflows and preview your content before pushing it to Production. You can read more about also setting up GraphCMS Preview URLs on the GraphCMS Docs.

Let us know how the integration works out for you by contacting us! We would love to gather your feedback.


About GraphCMS

GraphCMS is the first native GraphQL Headless Content Management System (CMS), enabling teams across the world to rapidly build and deliver tomorrow’s digital experiences at scale. GraphCMS is trusted by over 40,000 teams of all sizes from companies like Telenor, Shure, and Unilever, and was designed for building a hosted GraphQL backend that provides the tools needed for modern omni-channel content management. GraphCMS integrates with any frontend technology, such as React, Gatsby, and Next.js.