Events and ticketing

The events preset is for an app in the style of Eventbrite or Luma. An organizer publishes an event with ticket types, attendees buy tickets, each ticket is a signed QR pass, and the door checks passes in against the event's capacity. A sold-out event fills from its waitlist.

ConfigCopy Anchor Link

import { defineConfig } from "better-supabase/config";

export default defineConfig({ preset: "events" });

npx better-supabase init --preset events starts a new project from it, and npx better-supabase apply --preset events adds it to one you have (CLI).

BlocksCopy Anchor Link

The preset is saas plus these blocks, and whatever they require:

How the blocks connectCopy Anchor Link

The event is a bookable resource with a capacity. When an order is paid, your payment handler books a seat on that resource and issues a pass for the booking, so the bookings block refuses a sale past capacity. The pass token is signed on the server with the organization's key and goes in a QR code; at the door a scanner verifies it and the database checks the pass in once. A drop-in pass on the resource is counted against the same capacity (passes).

With ReUICopy Anchor Link

• Card grid for the event list and ticket types.
• Data Grid for attendees, with Filters on ticket type and check-in.
• A scanner page that checks a pass in and shows the result as a Badge.