Acro-world
Event-Plattform für die globale Partner-Akrobatik- und AcroYoga-Community. Next.js-Frontend gegen eine Hasura/GraphQL-API, mit Stripe Connect für Destination-Charges-Ticketing, Firebase-Auth und einer Leaflet-gestützten Kartensuche. Produktiv unter acroworld.net.
- catalog
- PRJ-24-α
- bayer
- α Connexus
- spectral
- class G
- magnitude
- 3.2
- erstes licht
- 2024
die Verbundene — Ankerstern im westlichen Cluster der Karte.
RolleCo-Entwicklung · Booking-Flow, Creator-Dashboard, Event-Wizard
StackNext.js 15 · Hasura · Stripe Connect
StatusProduktiv · acroworld.net
Die Partner-Akrobatik-Szene ist global, fragmentiert und stark community-getrieben: Workshops, Retreats und Festivals werden von unabhängigen Teachern und Organizern quer über Europa und die USA ausgerichtet. Vor Acroworld fehlte ein zentraler Ort, um Events zu entdecken, zu buchen und als Veranstalter sauber abzurechnen — Buchungen liefen zuvor über E-Mail, PayPal und Google Forms, mit allen erwartbaren Abstimmungsschmerzen.
Die Plattform liegt als Next.js-App-Router-Projekt vor, trennt strikt zwischen öffentlichen Routen und authentifiziertem Creator-Bereich und konsumiert eine Hasura-GraphQL-API über Apollo. Für Zahlungen wird Stripe-Connect im Destination-Charges-Modell genutzt: der Organizer bleibt Merchant of Record, die Plattform behält eine Provision ein. Das Creator-Dashboard deckt den vollständigen Lifecycle eines Events ab — vom 7-Schritt-Wizard über Booking- und Fragebogen-Verwaltung bis zum CSV-Export.
Discover · Map · Calendar
Öffentliche Suche über Leaflet mit Marker-Clustering, plus Kalender- und Listendarstellung. Zeitzonen werden per tz-lookup aus Geo-Koordinaten aufgelöst, damit Events am angezeigten Standort konsistent anzeigen.
Event-Wizard
Sieben-Schritt-Flow für Creators: Basics, Location, Occurrences, Teachers, Tickets (Kategorien + Optionen), Questions, Publish. State wird pro Schritt persistiert, Drafts sind jederzeit fortsetzbar.
Embedded Checkout
Stripe Embedded Checkout mit Connected Accounts. Free Bookings umgehen Stripe über Direct Insert; bezahlte Buchungen werden per Webhook bestätigt und gegen den `payment_intent_id`-Unique-Key idempotent verarbeitet.
Booking-Modell
Kategorien gruppieren Optionen (Early Bird, Regular, VIP), pro Option Preis, Währung und Rabatt. Custom-Questions hängen am Event und werden pro Buchung beantwortet — das Creator-Dashboard visualisiert Antworten und exportiert als CSV.
Teacher-Profile
Öffentliche Profile mit Slug-Routing, Bio, Events-Listing und Follow-Funktion. Die Discover-Seite spiegelt Teachers und Creators und verlinkt tief in zugehörige Events.
i18n · Auth · SEO
next-intl für DE/EN, Firebase-Auth mit Custom-Claim-Rollen (Creator/Admin), Next-Metadata-API für Event-OG-Tags und eine geteilte Sitemap. Tiptap liefert den Rich-Editor für Beschreibungen; sanitize-html härtet den Output.
Destination Charges und Dual-Layer-Kontingent
Zahlungen laufen im Destination-Charges-Modell: der Organizer bleibt Merchant of Record, die Plattform erhält eine Provision pro Option. Kontingente werden zweistufig modelliert — ein Overall-Cap pro Event und optionale Kategorie-Limits — und atomar über eine Postgres-Funktion reserviert.
Landing & Discover
Die Startseite bündelt die drei Einstiegspunkte: globale Event-Liste, Community-Stats und Direktsprung in die Kartensuche. Events laden als Server-Components, Filter und Map arbeiten clientseitig mit Suspense-Boundaries.
Teacher-Directory
Öffentliches Verzeichnis aller Teachers mit Suche, Filter und Deep-Links. Pro Profil öffentliche Route via Slug, mit Bio, Events-Listing und Follow-Funktion.
Creator-Dashboard
Shots werden nachgeliefert — Event-Wizard, Booking-Management, Fragebogen-Analytics und CSV-Export.
Ich unterrichte selbst über die Plattform
Neben der Entwicklung bin ich auf Acroworld als Teacher gelistet und biete Kurse in Partner-Akrobatik an. Das macht jede Anpassung am Booking-Flow und Creator-Dashboard unmittelbar spürbar — Bugs und Reibungspunkte melde ich mir quasi selbst.
Profil ansehen
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS 4
- Framer Motion
- next-intl
- Tiptap
- Leaflet
- Apollo Client
- GraphQL
- Hasura
- PostgreSQL
- Firebase Auth
- Firebase Admin
- Stripe Connect
- Stripe Embedded Checkout
- sanitize-html
- tz-lookup
Acroworld ist unter acroworld.net produktiv im Einsatz, ersetzt die bisherige Flutter-App Stück für Stück durch Web-Pendants und bedient den vollen Booking-Flow vom Entdecken bis zum Stripe-Checkout. Der kommende Arbeitsschwerpunkt liegt auf Rabattcodes, Mengen-Buchungen und einer ersten Storno-/Refund-Logik.