byTicks
SalianoWorks · Case Study№ 02 / 06
LiveAug 2025 – Present
App Dev.

byTicks

Multi-tenant event- en ticketingplatform met eigen checkout, seating-plans en een mobiele scanner-app voor organisatoren.

Scroll

01 · Client

Eigen project

02 · Industry

Event ticketing / SaaS

03 · Period

Aug 2025 – Present

04 · Role

Product design, Full-stack development, DevOps, Art direction

05 · Team

2 people

06 · Stack

27 tools

Stack & tools

27 items

TypeScriptSQLPL/pgSQLReactViteTailwind CSSReact NativeExpoReact QueryReact Hook FormZodGitHub Actionsk6PlaywrightSentryUptimeRobotEAS BuildSupabase (PostgresAuthRLSStorageEdge Functions)VercelPay.nlBrevoResendGoogle Tag ManagerTypeScriptSQLPL/pgSQLReactViteTailwind CSSReact NativeExpoReact QueryReact Hook FormZodGitHub Actionsk6PlaywrightSentryUptimeRobotEAS BuildSupabase (PostgresAuthRLSStorageEdge Functions)VercelPay.nlBrevoResendGoogle Tag Manager
01The Brief

byTicks

Brief

Eventorganisatoren in de Benelux verkopen tickets vaak via aggregators die hoge fees pakken en weinig grip geven op de buyer journey. De vraag: bouw één SaaS-platform waarop elke organisator een eigen sub-domein, eigen huisstijl, eigen tickettypes en eigen Pay.nl-koppeling krijgt — inclusief zaalindelingen met stoelselectie, kortingscodes, refunds, payouts en facturatie. Alles tenant-geïsoleerd, alles auditbaar, en betrouwbaar genoeg om grote drops van 1000+ kopers tegelijk aan te kunnen.

Aanpak

Frontend op React + Vite + TypeScript met Tailwind, gehost op Vercel met per-shop sub-domeinen ({shop}.byticks.com / .ae). Backend leunt volledig op Supabase: Postgres met Row-Level Security als tenant-isolatie, Edge Functions (Deno) voor Pay.nl-webhooks, ticket-PDF generatie, e-mailflows en cron-jobs. Een aparte React Native + Expo scanner-app draait op iOS en Android voor toegangscontrole. De seating-plan stack is een eigen bouwer met zones, stoelen, canvas-objecten, atomic seat-holds via RPC's, en auto-best-seat selectie. Voor de checkout-betrouwbaarheid: idempotente Pay.nl-webhook met auto-heal, retry-aware caller-gate, een payment-orphan monitor die elke 15 minuten zwijgende failures detecteert, en synthetische e2e-tests via GitHub Actions die UptimeRobot-heartbeats pingen. Financial calculations zitten in afgesplitste, auditbare RPC's (handling fees, service splits, payouts, voided-invoice gating) na een gerichte sweep nadat een onderbetaling van €66,25 een 1000-row PostgREST cap blootlegde. Load-testing met k6 tegen een synthetic shop houdt de seating-stack regression-proof voor on-sale momenten.

Resultaat

Live platform met meerdere productie-shops op *.byticks.com, een staging-tier op *.ticksz.ae, en een werkende mobile scanner in de app stores. Organisatoren beheren events, tickettypes, kortingen, zaalplattegronden, e-mailcampagnes en payouts via een admin met sidebar-navigatie, ingebouwde manual en een super-admin Platform Health dashboard voor infra- en business-metrics. De stack draait stabiel op één Supabase-project met handmatige migraties en deploy-flow via devmain, ondersteund door 10 actieve uptime monitors en een vaste post-incident reflex die elke nieuwe failure mode omzet in een nieuwe geautomatiseerde check.

02Approach
  1. 01.

    - Bouwde de seating-plan stack: builder, atomic seat-holds, auto-best-seat RPC en publieke checkout-flow

  2. 02.

    - Bouwde het super-admin Platform Health dashboard met sales-, cart-, capacity- en deploy-signalen in één view

04Visual Index
byTicks Features - Dropdown menu
FIG. 01 / 09byTicks Features - Dropdown menu
  byTicks — image 2
FIG. 02 / 09
Ticket Support - Instantly resend tickets.
FIG. 03 / 09Ticket Support - Instantly resend tickets.
Organizer Event Page
FIG. 04 / 09Organizer Event Page
  byTicks — image 5
FIG. 05 / 09
Order Page
FIG. 06 / 09Order Page
Automation Flow feature
FIG. 07 / 09Automation Flow feature
Platform Health Page
FIG. 08 / 09Platform Health Page
Seating Builder
FIG. 09 / 09Seating Builder

05 — Where to find it

06 — Adjacent work

More from the same desk