Send Webhooks

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

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>
  );
}