Casestudy

TG Spaces

Een studio-boekings- en evenementenplatform dat we van A tot Z bouwden voor een Nederlandse co-working- en creatieve locatie — het team runt nu het hele bedrijf vanuit één beheerpanel, zonder boekingskosten aan derden en zonder code

Overzicht

TG Spaces (tg-spaces.com) is een boekings- en evenementenplatform dat we van A tot Z bouwden voor een Nederlandse co-working- en creatieve locatie. De klant regelde boekingen, facturatie en planning met de hand, verspreid over losse tools — en betaalde platformkosten over elke boeking. Wij vervingen dat alles door één productie-Next.js-applicatie: de publieke marketingsite, een live boekingsflow, beschikbaarheid via Google Calendar, facturatie en e-mail — samengebonden door een groot, rolbewust beheerpanel.

Het hart van het platform is dat beheerpanel: een backoffice met 24 secties waarin het team boekingen, evenementen, organisatoren, studio's, prijzen, facturen, kortingen, content en het team zelf beheert. We bouwden het op strikte modulaire conventies — één bron van waarheid, getypeerde registries en een geteste booking-lifecycle — zodat het onderhoudbaar blijft terwijl het groeit. Het resultaat: het team runt de hele locatie vanuit het beheerpanel, zonder boekingskosten aan derden en zonder code.

De uitdaging

Probleem: De locatie regelde boekingen, facturatie en planning met de hand, verspreid over losse tools, en betaalde over elke boeking platformkosten aan derden. Het team had één systeem nodig dat het hele bedrijf draait — publiekssite inbegrepen — zonder te programmeren of afhankelijk te zijn van externe boekingssoftware.

Technische uitwerking

Beheerpanel (de kern)

Een backoffice met 24 secties die de locatie draait: boekingen, evenementen, organisatoren, agenda, klanten, facturen, kortingen, studio's, prijzen, extra's, content/pagina's, blog, FAQ, aankondigingen, e-mails, team/RBAC, analytics en instellingen. Servercomponents met interactieve client-eilanden, gegroepeerd per domein.

Booking-lifecycle-engine

Een geteste, volgorde-gevoelige state machine voor betalingen en toegang. Beschikbaarheid is de doorsnede van de boekingstabel en de Google Calendar free/busy van elke studio, met overlap- en conflictchecks gecentraliseerd in één module.

Tweetalige, contentgedreven site

Volledige EN/NL-lokalisatie via next-intl met een database-overlay per taal, plus een bewerkbaar content-/paginasysteem waarmee de publieke marketingsite volledig vanuit het beheerpanel wordt beheerd.

Modulair van opzet

Gebouwd op strikte 'single source of truth'-conventies: registries voor statussen en rechten, pure logica gescheiden van frameworkcode, en een gegenereerde codemap. Een nieuw contenttype toevoegen sluit automatisch de navigatie en toegangsregels aan.

Belangrijkste functies

  • Studio- en evenementboekingen met handmatige goedkeuring en betaal-lifecycle
  • Beschikbaarheid gesynchroniseerd met Google Calendar (free/busy per studio)
  • Rolgebaseerde beheertoegang met rechten- en navigatiecontroles
  • Facturatie met PDF-generatie, kortingen en een verzilveringsgrootboek
  • Transactionele, gelokaliseerde e-mails (Resend) in de taal van de boeker
  • Tweetalige EN/NL-publiekssite, beheerd vanuit het beheerpanel
  • Rate limiting, Cloudflare Turnstile en analytics met toestemming vooraf

Ook zo'n systeem nodig?

Vertel ons waar het werk vastloopt — in één gesprek hoor je wat er nodig is om dat op te lossen.

30 minuten · gratis · vrijblijvend

Impact

24
beheersecties
±113
API-routes
2
talen (EN/NL)

Gebruikte technologie

Next.js 16React 19TypeScriptPrismaSupabaseTailwind v4Google CalendarResendUpstashVercel

Wat het oplevert

  • Eén platform vervangt handmatig boeken, factureren en plannen — én de boekingskosten aan derden
  • Niet-technische medewerkers runnen de hele locatie vanuit het beheerpanel
  • De modulaire basis maakt nieuwe features goedkoop en veilig toe te voegen