Zapier MCP for TypeScript: setup with a connection token

Connect your TypeScript code to Zapier MCP by creating a server and generating a connection token, then connecting with an MCP SDK over Streamable HTTP.

This page shows how to connect your TypeScript code to Zapier MCP using a connection token.

Before you begin

• A Zapier account.
• Node.js 18 or later.

Connect TypeScript to Zapier MCP

1. Create an MCP server

   • Go to mcp.zapier.com.
   • Click Add MCP server.
   • Under Choose your AI agent, search for and select TypeScript.
2. Generate a connection token

   • Select the Settings tab.
   • In the API token section, click Generate token.
   • Copy the Token.

   The token is only shown once. If you lose it, click Rotate token to get a new one. The previous token stops working straight away, so update anywhere you used it.

   Treat your connection token like a password. Anyone with it can run tools on this server and access your data.

3. Set your token as an environment variable

   export ZAPIER_MCP_TOKEN="YOUR_ZAPIER_MCP_TOKEN"
   
4. Install the MCP SDK

   npm install @modelcontextprotocol/sdk
   

   Or with pnpm:

   pnpm add @modelcontextprotocol/sdk
   
5. Connect and list your tools

   This script uses the official MCP TypeScript SDK, but any MCP SDK that supports Streamable HTTP works. It sends your token in an Authorization: Bearer header:

   import { Client } from "@modelcontextprotocol/sdk/client/index.js";
   import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
   
   // Initialize the client with your details
   const client = new Client(
     {
       name: "mcp-typescript-client",
       version: "1.0.0",
     },
     {
       capabilities: {},
     }
   );
   
   // Create a transport with your MCP server URL and token
   // The token is read from the ZAPIER_MCP_TOKEN environment variable
   const serverUrl = "https://mcp.zapier.com/api/v1/connect";
   const apiKey = process.env.ZAPIER_MCP_TOKEN;
   const transport = new StreamableHTTPClientTransport(new URL(serverUrl), {
     requestInit: {
       headers: {
         Authorization: `Bearer ${apiKey}`,
       },
     },
   });
   
   async function main() {
     // Connect to the server
     console.log("Connecting to MCP server...");
     await client.connect(transport);
     console.log("Connected to MCP server");
   
     // List available tools
     console.log("Fetching available tools...");
     const tools = await client.listTools();
   
     console.log("Available tools:", tools);
   
     // Close the connection
     await client.transport?.close();
     await client.close();
   }
   
   main();
   

You’ve now connected TypeScript to Zapier MCP.

Next steps

How tools work

What each meta-tool does, and how dynamic tool discovery works.

How connections work

How connection tokens work, and how to manage them.