Architektur-Überblick
🖥️ Frontend am Netzwerkrand
Das Frontend ist eine React-basierte Anwendung, entwickelt mit Next.js und optimiert für Geschwindigkeit, SEO und Responsivität. Es wird über Vercel bereitgestellt, was schnelle globale Auslieferung, automatische Builds und ein reibungsloses Entwicklererlebnis mit integriertem CI/CD ermöglicht. Nutzer können Vorstellungszeiten durchsuchen, Tickets buchen, Profile verwalten und Bestätigungsdetails einsehen -- alles in einer sauberen, leistungsstarken Benutzeroberfläche.
☁️ Serverlos konzipiert, nahtlos bereitgestellt
Die Plattform basiert auf einer vollständig serverlosen, ereignisgesteuerten Architektur mit AWS Lambda und API Gateway. Jede zentrale Funktion -- Authentifizierung, Buchungen, Kommunikation und PDF-Generierung -- wird von einem dedizierten Lambda-Microservice übernommen, was geringen Wartungsaufwand und einfache Skalierbarkeit sicherstellt.
🔁 Zentrale Anfrageverarbeitung
Ein AWS API Gateway leitet alle Frontend-Anfragen an die entsprechenden Lambda-Services weiter. Dadurch entsteht ein zentraler Einstiegspunkt mit integrierter Drosselung, Überwachung und Sicherheit.
🎟️ Integration externer APIs
Das Backend verbindet sich über eine API mit einer führenden Kino-Buchungsplattform, um in Echtzeit Filmlisten, Sitzplatzverfügbarkeiten und Preise abzurufen. Buchungsbestätigungen und Nutzeraktivitäten werden zurück an den externen Anbieter synchronisiert, um vollständige Konsistenz zu gewährleisten.
Technologie-Stack
🧠 Backend
-
Runtime & Sprache: AWS Lambda mit TypeScript
-
Architektur: Microservices mit dedizierten Funktionen für Benutzer, Buchungen, E-Mails, PDFs
-
APIs: REST-basierte Kommunikation mit externer Kino-Ticketing-Plattform
🔐 Auth & Sicherheit
-
Authentifizierung: AWS Cognito mit SSO
-
Sicherheits-Gateway: AWS API Gateway verarbeitet alle eingehenden Anfragen
-
Berechtigungen: Zugriffsbeschränkung pro Service und Endpunkt
🌍 Frontend
-
Framework: React + Next.js
-
Styling: Tailwind CSS
-
Hosting: Vercel
☁️ Cloud-Infrastruktur
-
Compute: AWS Lambda
-
Identitätsmanagement: AWS Cognito
-
API-Routing: AWS API Gateway
Warum dieser Stack und diese Architektur
-
Next.js + Vercel → Liefert ein modernes, serverseitig gerendertes (SSR) Frontend mit schnellen Ladezeiten, eingebauten SEO-Vorteilen und einfacher Bereitstellung. Das React-Ökosystem ermöglicht zudem den Einsatz vielfältiger Styling-Bibliotheken und UI-Kits für ein sauberes, modernes Design bei minimalem Overhead.
-
AWS Lambda → Vollständig serverlose Rechenplattform, die sich automatisch an die Nutzerlast anpasst. Dieses Modell reduziert Infrastrukturkosten erheblich, da nur für tatsächliche Ausführungszeit gezahlt wird -- keine Leerlaufserver.
-
Microservices → Modulare Architektur ermöglicht es, jeden Lambda-Service unabhängig weiterzuentwickeln, was Tests, Deployments und Wartung vereinfacht.
-
Cognito → Verwalteter Identitätsdienst, der Benutzeranmeldung vereinfacht und sichere, tokenbasierte SSO-Integration über mehrere Dienste hinweg bietet.
-
API Gateway → Zentrale Schicht, die Routing, Anfragedrosselung und Sicherheitsdurchsetzung für das gesamte Backend übernimmt.
-
REST Integration → Ermöglicht nahtlose Kompatibilität mit der externen Kino-API, um Echtzeit-Datenaustausch ohne benutzerdefinierte Protokolle zu gewährleisten.
Funktions-Highlights
-
SSO mit AWS Cognito Nutzer melden sich einmal an und können anschließend alle Dienste der Plattform sicher nutzen, mit tokenbasierter Authentifizierung vollständig über Cognito gesteuert.
-
Echtzeit-Buchungsablauf Filme durchsuchen, Plätze auswählen und Käufe bestätigen -- alles über eine reaktionsschnelle UI. Das Backend validiert Buchungen und synchronisiert Reservierungen mit der API des Kinoanbieters.
-
PDF-Ticketerstellung Nach der Buchung erhalten Nutzer ein herunterladbares PDF-Ticket, das von einer dedizierten Lambda-Funktion generiert wird. Die PDFs enthalten alle relevanten Film-, Sitz- und QR-Code-Informationen.
-
E-Mail-Benachrichtigungen Buchungsbestätigungen, Erinnerungen und Werbe-E-Mails werden über einen E-Mail-Microservice versendet, der durch erfolgreiche Transaktionen oder Marketingkampagnen ausgelöst wird.
Herausforderungen & Erkenntnisse
-
SSO-Integration mit Legacy-Systemen Die Verbindung eines modernen Identitätsanbieters (Cognito) mit älteren Backendsystemen erforderte maßgeschneiderte Synchronisationslogik und sorgfältige Tests, um Dateninkonsistenzen zu vermeiden.
-
Zuverlässige Echtzeitsynchronisation mit externen APIs Die Sicherstellung des Echtzeitzugriffs auf Filmpläne und Buchungsdaten erforderte den Umgang mit Latenzen, Zugriffsbeschränkungen und gelegentlichen Fehlern der Drittanbieter-API.
-
Design-Umsetzung & UI-Optimierung Die Umsetzung eines modernen Designs in eine reaktionsschnelle, performante UI brachte technische und UX-Herausforderungen mit sich. Wir kombinierten visuelle Attraktivität mit Barrierefreiheit und SEO, indem wir React-Styling-Bibliotheken und Next.js-Rendering-Optimierungen nutzten.
Von komplexen Integrationen bis zu ansprechenden Frontends -- wir entwickeln Full-Stack-Plattformen, die echte Geschäftsprobleme lösen.
Lass uns darüber sprechen, wie wir auch dein nächstes digitales Produkt zum Leben erwecken können.
