Send Webhooks

Hookbase helps you build webhook infrastructure for your customers. Instead of building webhook delivery from scratch, use our SDK and Portal to provide a polished webhook experience.

What You Get

Reliable Delivery - Automatic retries, exponential backoff, and dead letter queues
Customer Portal - Embeddable React components for endpoint management
Event Types - Define and organize the events your customers can subscribe to
Signature Verification - HMAC-SHA256 signatures for secure webhooks
Delivery Logs - Full visibility into delivery attempts and failures

Architecture

Your Application                    Hookbase                     Your Customer
┌─────────────┐                   ┌─────────────┐               ┌─────────────┐
│             │  Send webhook     │             │  Deliver      │             │
│   Backend   │ ─────────────────▶│     API     │──────────────▶│  Endpoint   │
│             │  via SDK          │             │               │             │
└─────────────┘                   └─────────────┘               └─────────────┘
                                         │
                                         │
┌─────────────┐                   ┌─────────────┐
│             │  Embed portal     │             │
│  Frontend   │ ◀─────────────────│   Portal    │
│             │  components       │             │
└─────────────┘                   └─────────────┘

Quick Start

1. Install the SDK

npm install @hookbase/sdk

2. Send Your First Webhook

import { Hookbase } from '@hookbase/sdk';
 
const hookbase = new Hookbase({
  apiKey: process.env.HOOKBASE_API_KEY,
});
 
// Create an application for your customer
const app = await hookbase.applications.create({
  name: 'Acme Corp',
  uid: 'customer_123',
});
 
// Send a webhook
await hookbase.messages.send(app.id, {
  eventType: 'order.created',
  payload: {
    orderId: 'ord_123',
    amount: 99.99,
  },
});

3. Embed the Portal

import { HookbasePortal, EndpointList, EndpointForm } from '@hookbase/portal';
import '@hookbase/portal/styles.css';
 
function WebhookSettings({ portalToken }) {
  return (
    <HookbasePortal token={portalToken}>
      <EndpointForm />
      <EndpointList />
    </HookbasePortal>
  );
}

Next Steps

Getting Started

Complete integration guide with step-by-step instructions

SDK Reference

Full API documentation for @hookbase/sdk

Portal Components

Embeddable React components for customer-facing UI

API Reference

REST API endpoints for advanced integrations

What You Get

Reliable Delivery - Automatic retries, exponential backoff, and dead letter queues

Customer Portal - Embeddable React components for endpoint management

Event Types - Define and organize the events your customers can subscribe to

Signature Verification - HMAC-SHA256 signatures for secure webhooks

Delivery Logs - Full visibility into delivery attempts and failures

Architecture

Your Application                    Hookbase                     Your Customer
┌─────────────┐                   ┌─────────────┐               ┌─────────────┐
│             │  Send webhook     │             │  Deliver      │             │
│   Backend   │ ─────────────────▶│     API     │──────────────▶│  Endpoint   │
│             │  via SDK          │             │               │             │
└─────────────┘                   └─────────────┘               └─────────────┘
                                         │
                                         │
┌─────────────┐                   ┌─────────────┐
│             │  Embed portal     │             │
│  Frontend   │ ◀─────────────────│   Portal    │
│             │  components       │             │
└─────────────┘                   └─────────────┘

Quick Start

npm install @hookbase/sdk

import { Hookbase } from '@hookbase/sdk';
 
const hookbase = new Hookbase({
  apiKey: process.env.HOOKBASE_API_KEY,
});
 
// Create an application for your customer
const app = await hookbase.applications.create({
  name: 'Acme Corp',
  uid: 'customer_123',
});
 
// Send a webhook
await hookbase.messages.send(app.id, {
  eventType: 'order.created',
  payload: {
    orderId: 'ord_123',
    amount: 99.99,
  },
});

import { HookbasePortal, EndpointList, EndpointForm } from '@hookbase/portal';
import '@hookbase/portal/styles.css';
 
function WebhookSettings({ portalToken }) {
  return (
    <HookbasePortal token={portalToken}>
      <EndpointForm />
      <EndpointList />
    </HookbasePortal>
  );
}