Define a webhook with Blueprints
Blueprints let you define and manage your webhooks in code, then deploy them in a predictable manner.
With webhooks, you can send customized HTTP requests when documents in your Content Lake change. If you also need code to run when documents change, use Functions.
In this guide, you’ll define a webhook resource with Blueprints and deploy the blueprint to Sanity.
Prerequisites:
- The latest version of the
sanityCLI is recommended to interact with Blueprints. You can always run the latest CLI commands withnpx sanity@latest. - An existing project and a role with permission to edit webhooks (requires the
sanity-project-webhookspermission). - Version 0.11.0 or later of the
@sanity/blueprintslibrary. We recommend using the latest version.
Before you can define a webhook, you need a blueprint.
Initialize a new blueprint
To initialize a blueprint in the current directory, run the command below. Replace the project ID with your own. Skip to the next section if you already have a blueprint set up.
npx sanity@latest blueprints init . --type ts --project-id <project-id> --stack-name productionpnpm dlx sanity@latest blueprints init . --type ts --project-id <project-id> --stack-name productionyarn dlx sanity@latest blueprints init . --type ts --project-id <project-id> --stack-name productionbunx sanity@latest blueprints init . --type ts --project-id <project-id> --stack-name productionConfigure the document webhook
Add the defineDocumentWebhook helper to your sanity.blueprint.ts configuration to define a webhook:
import { defineBlueprint, defineDocumentWebhook } from '@sanity/blueprints'
export default defineBlueprint({
resources: [
defineDocumentWebhook({
name: 'my-webhook',
on: ['create'],
url: 'https://example.com/webhook',
filter: '_type == "post"',
projection: '{_id}',
dataset: 'production',
apiVersion: 'v2026-01-01',
})
],
})The dataset and apiVersion fields are required. Set apiVersion to a date in the format vYYYY-MM-DD, including the leading v. Webhooks you create in your project settings default to API version v2021-03-25, but a webhook defined in a blueprint has no default, so you must set it.
For a full list of configuration options, see the reference documentation.
Deploy the blueprint
After you’ve configured your webhook, deploy the blueprint:
npx sanity blueprints deploypnpm dlx sanity blueprints deployyarn dlx sanity blueprints deploybunx sanity blueprints deployAfter the deployment finishes, your webhook begins sending updates whenever a document that matches the configuration changes.
To confirm that the webhook was created, run npx sanity hooks list. It lists each webhook in your project with its name, dataset, and URL. If deliveries fail, open the webhook's attempts log from its menu in your project settings at sanity.io/manage. For more help, see debugging GROQ-powered webhooks.
If you need to make changes, update the blueprint file (sanity.blueprint.ts) and run the deploy command again.
Destroy a deployed blueprint
Sometimes you want to remove a deployed resource so it won't run anymore or affect any future usage quotas.
To remove a resources created with a blueprint, you need to either:
- Remove the definition from the blueprint, and run the
deploycommand again. - Destroy the blueprint with the
destroycommand.
The blueprints destroy command removes, or undeploys, the blueprint and all of its resources from Sanity's infrastructure. It does not remove your local files.
npx sanity blueprints destroypnpm dlx sanity blueprints destroyyarn dlx sanity blueprints destroybunx sanity blueprints destroyTo remove the resource from the blueprint locally, you can remove it from the resources array in the sanity.blueprint.ts file, then delete any associated files.
Redeploying a destroyed blueprint
When you run blueprints destroy, it's as if you never used blueprints init during setup. The only difference is you still have all the files in your directory. To use this blueprint again and redeploy it, you'll need to let Sanity know about it. You can do this by running init again:
npx sanity blueprints initpnpm dlx sanity blueprints inityarn dlx sanity blueprints initbunx sanity blueprints initThis launches an editing interface that lets you reconfigure the blueprint, if needed, and it reconnects the blueprint to Sanity. Now you can add more functions or redeploy. Keep in mind that any environment variables added before destroying the blueprint will not carry over.
Learn more about webhooks
GROQ-powered webhooks
Send customized HTTP requests when something in your Content Lake has changed.
GROQ-Powered Webhooks – Intro to Filters
A thorough intro to using GROQ filters in a webhook context
GROQ-Powered Webhooks – Intro to Projections
A thorough intro to using GROQ-projections in a webhook context
Was this page helpful?
Feedback submitted, thanks for helping us improve the docs. Have you tried these alternatives?