Case Study

TG Spaces

A studio-booking and events platform for a Dutch creative venue — built end-to-end with Claude Cowork, with a deep admin panel at its heart

Project Overview

TG Spaces (tg-spaces.com) is a booking and events platform I built for a Dutch co-working and creative venue. It is the most substantial of my vibe-coding builds: a production Next.js application covering the public marketing site, a live booking flow, Google Calendar availability, invoicing, and email — all tied together by a large, role-aware admin panel.

The focus of the project is that admin panel: a 24-section back office where staff manage bookings, events, organisers, studios, pricing, invoices, discounts, content, and the team itself — so the entire venue can be run without touching code. The whole thing is built on strict modular conventions, with single sources of truth, typed registries, and a tested booking lifecycle so it stays maintainable as it grows.

Visit tg-spaces.com →

Technical Implementation

Admin Panel (the core)

A 24-section back office that runs the venue: bookings, events, organisers, calendar, clients, invoices, discounts, studios, pricing, add-ons, content/pages, blog, FAQ, announcements, emails, team/RBAC, analytics and settings. Server components with interactive client islands, grouped by concern.

Booking lifecycle engine

A tested, ordering-sensitive state machine for payments and access. Slot availability is the intersection of the booking table and each studio's Google Calendar free/busy, with overlap and conflict checks centralised in one module.

Bilingual, content-driven site

Full EN/NL localisation via next-intl with a per-locale DB overlay, plus an editable content/pages system so the public marketing site is managed entirely from the admin panel.

Modular by design

Built on strict 'single source of truth' conventions — registries for statuses and permissions, pure logic separated from framework code, and a generated code map. Adding a content type automatically wires up its nav and access rules.

Key Features

  • Studio and event bookings with manual-approval and payment lifecycle
  • Google Calendar availability sync (free/busy gating per studio)
  • Role-based admin access with capability and nav-visibility controls
  • Invoicing with PDF generation, discounts, and a redemption ledger
  • Transactional, localised emails (Resend) matched to the booker's language
  • Bilingual EN/NL public site managed from the admin panel
  • Rate limiting, Cloudflare Turnstile, and consent-gated analytics

Interested in similar automation?

Let's discuss how I can help automate your marketing workflows and analytics reporting.

Impact

24
Admin Sections
~113
API Routes
2
Languages (EN/NL)

Technologies Used

Next.js 16React 19TypeScriptPrismaSupabaseTailwind v4Google CalendarResendUpstashVercel

Business Value

  • One platform replaces manual booking, invoicing, and scheduling
  • Non-technical staff run the whole venue from the admin panel
  • Modular foundation makes new features cheap to add safely