First steps with Contentful: Activating Webhooks for automatic updates

It’s a hook! See what I did there? Photo by Dave Phillips on Unsplash.

Activating a webhook with Netlify

Let’s start with Netlify. Documentation is here for the full reference. From within your Contentful space, navigate to Settings > Webhooks and the page will most likely be empty if you don’t have any webhooks in place.

Configuring build hooks in Netlify

Activating a webhook with Vercel

Moving on to Vercel. The documentation is here for the full process. Configuring a webhook with this provider is more or less the same so we don’t need to belabor the point. Choose the template in Contentful as above, and generate the URL in your Vercel settings pane.

Configuring webhooks in Vercel

Activating a webhook in Gatsby Cloud

This process is slightly different, in that we’re going to take a trip to the Contentful Marketplace and make use of the official Gatsby Cloud integration.

Configuring webhooks in Gatsby Cloud and Contentful

Things to note

You can verify that the build hooks are working on the CMS side by checking the activity logs under each build hook. If the timestamps reflect your recent activities, then all is well. You can confirm the same with your hosting provider by checking the build activity pane.

Keeping things simple

There we are. Three ways to implement webhooks in Contentful. It’s definitely a topic worth digging into because this kind of automation streamlines the production process and saves you a lot of time in the long run.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store