← Vercel + HTTP / Webhook integrations

Send any HTTP Request with HTTP / Webhook API on New Deployment from Vercel API

Pipedream makes it easy to connect APIs for HTTP / Webhook, Vercel and 1000+ other apps remarkably fast.

Trigger workflow on
New Deployment from the Vercel API
Next, do this
Send any HTTP Request with the HTTP / Webhook API
No credit card required
Into to Pipedream
Watch us build a workflow
Watch us build a workflow
7 min
Watch now ➜

Trusted by 500,000+ developers from startups to Fortune 500 companies

Adyen logo
Brex logo
Carta logo
Checkr logo
Chameleon logo
DevRev logo
LinkedIn logo
Netflix logo
New Relic logo
OnDeck logo
Replicated logo
Scale AI logo
Teamwork logo
Warner Bros. logo
Xendit logo

Developers Pipedream

Getting Started

This integration creates a workflow with a Vercel trigger and HTTP / Webhook action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Select this integration
  2. Configure the New Deployment trigger
    1. Connect your Vercel account
    2. Configure timer
    3. Optional- Select a Project
    4. Optional- Select a State
    5. Optional- Configure Max
  3. Configure the Send any HTTP Request action
    1. Connect your HTTP / Webhook account
    2. Configure HTTP Request Configuration
    3. Optional- Configure Include Response Headers
  4. Deploy the workflow
  5. Send a test event to validate your setup
  6. Turn on the trigger

Details

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger

Description:Emit new event when a deployment is created
Version:0.0.2
Key:vercel_token_auth-new-deployment

Vercel Overview

Vercel provides an API that allows you to authenticate users and manage access
to your applications and services. With the Vercel API, you can easily build
an array of applications, from complete single-page applications to scalable
applications and services. Here are a few examples of what you can build with
Vercel's API:

  • SSO (Single Sign-On) solutions that securely authenticate users across
    multiple devices and applications
  • Secure access control solutions to protect sensitive data and services
  • APIs that provide easy access to third-party data
  • User registration and management tools
  • Content management solutions
  • Data analysis tools and applications
  • Back-end services for web applications
  • Customizable dashboards for web applications
  • Automated email notifications for applications and services

Trigger Code

/* eslint-disable pipedream/required-properties-name */
/* eslint-disable pipedream/required-properties-description */
/* eslint-disable pipedream/required-properties-version */
/* eslint-disable pipedream/required-properties-type */
import base from "../../../vercel/sources/new-deployment/new-deployment.mjs";
import overrideApp from "../../common/override-app.mjs";

overrideApp(base);

export default {
  ...base,
  key: "vercel_token_auth-new-deployment",
  version: "0.0.2",
};

Trigger Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.
LabelPropTypeDescription
VercelvercelappThis component uses the Vercel app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between executions.
timer$.interface.timer
ProjectprojectstringSelect a value from the drop down menu.
StatestatestringSelect a value from the drop down menu:BUILDINGERRORINITIALIZINGQUEUEDREADYCANCELED
Maxmaxinteger

Maximum number of results to return

Trigger Authentication

Vercel uses API keys for authentication. When you connect your Vercel account, Pipedream securely stores the keys so you can easily authenticate to Vercel APIs in both code and no-code steps.

Vercel encourages users to connect their account with Pipedream using Personal Access Tokens, which can be managed in your Vercel account here.

To learn more, refer to Vercel's documentation.

About Vercel

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.

Action

Description:Send an HTTP request using any method and URL. Optionally configure query string parameters, headers, and basic auth.
Version:1.1.1
Key:http-custom-request

Action Code

import http from "../../http.app.mjs";

export default {
  key: "http-custom-request",
  name: "Send any HTTP Request",
  description: "Send an HTTP request using any method and URL. Optionally configure query string parameters, headers, and basic auth.",
  type: "action",
  version: "1.1.1",
  props: {
    http,
    httpRequest: {
      propDefinition: [
        http,
        "httpRequest",
      ],
    },
    includeHeaders: {
      type: "boolean",
      label: "Include Response Headers",
      description: "Optionally export the full response headers",
      optional: true,
    },
  },
  async run({ $ }) {
    const response = await this.httpRequest.execute();

    if (this.includeHeaders) {
      $.export("headers", response.headers);
    }

    return response;
  },
};

Action Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

LabelPropTypeDescription
HTTP / WebhookhttpappThis component uses the HTTP / Webhook app.
HTTP Request ConfigurationhttpRequesthttp_request
Include Response HeadersincludeHeadersboolean

Optionally export the full response headers

Action Authentication

The HTTP / Webhook API does not require authentication.

About HTTP / Webhook

Get a unique URL where you can send HTTP or webhook requests

More Ways to Connect HTTP / Webhook + Vercel

Cancel Deployment with Vercel API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Vercel
 
Try it
Cancel Deployment with Vercel API on New Requests from HTTP / Webhook API
HTTP / Webhook + Vercel
 
Try it
Create Deployment with Vercel API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Vercel
 
Try it
Create Deployment with Vercel API on New Requests from HTTP / Webhook API
HTTP / Webhook + Vercel
 
Try it
List Deployments with Vercel API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Vercel
 
Try it
New Deployment from the Vercel API

Emit new event when a deployment is created

 
Try it
New Requests from the HTTP / Webhook API

Get a URL and emit the full HTTP event on every request (including headers and query parameters). You can also configure the HTTP response code, body, and more.

 
Try it
New Requests (Payload Only) from the HTTP / Webhook API

Get a URL and emit the HTTP body as an event on every request

 
Try it
New event when the content of the URL changes. from the HTTP / Webhook API

Emit new event when the content of the URL changes.

 
Try it
Cancel Deployment with the Vercel API

Cancel a deployment which is currently building. See the docs

 
Try it
Create Deployment with the Vercel API

Create a new deployment from a GitHub repository. See the docs

 
Try it
List Deployments with the Vercel API

List deployments under the account corresponding to the API token. See the docs

 
Try it
Send any HTTP Request with the HTTP / Webhook API

Send an HTTP request using any method and URL. Optionally configure query string parameters, headers, and basic auth.

 
Try it
Send GET Request with the HTTP / Webhook API

Send an HTTP GET request to any URL. Optionally configure query string parameters, headers and basic auth.

 
Try it