Developers

Why Build on CLEARWAY?

Getting Started

Integration Patterns

Embedded Widget

The fastest path to integration. Add our JavaScript snippet and you're live.

<div id="clearway-widget"></div>
<script src="https://clearway.pages.dev/embed.js"
  data-facility="your-slug"
  data-theme="dark">
</script>

Headless API

Build your own UI with full control. Fetch availability, create bookings, manage reservations.

// Fetch available slots
const response = await fetch(
  'https://clearway.pages.dev/api/availability?' +
  'facility=your-slug&date=2025-01-15'
);
const { courts } = await response.json();

// Create a booking
const booking = await fetch(
  'https://clearway.pages.dev/api/book',
  {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      facility_slug: 'your-slug',
      court_id: 'court-1',
      date: '2025-01-15',
      start_time: '2025-01-15T18:00:00Z',
      member_email: 'player@example.com',
      member_name: 'Jane Smith'
    })
  }
);

Webhooks

Receive real-time notifications when events occur.

// Webhook payload example
{
  "event": "reservation.created",
  "data": {
    "id": "res_abc123",
    "court": "Court 1",
    "start_time": "2025-01-15T18:00:00Z",
    "member_email": "player@example.com"
  },
  "timestamp": "2025-01-14T10:30:00Z"
}

Tech Stack

CLEARWAY is built with:

• Cloudflare Workers — Edge compute
• Durable Objects — Real-time state coordination
• D1 — SQLite at the edge
• Stripe Connect — Payment processing
• SvelteKit — Frontend framework