prora.com
Umfangreiche Ferienwohnungs-Vermietungsplattform auf Rügen. Umbau auf ein Next.js-Frontend mit Contao 5 im Backend als API-basierten Content-Hub.
Live-Projekt ansehen
Vom Monolithen zur Headless-Performance: prora.com Relaunch
Die Plattform prora.com ist eines der besucherstärksten Buchungsportale für Ferienwohnungen im historischen "Koloss von Prora" auf der Insel Rügen. Die Verwaltung von Hunderten von Apartments, saisonalen Preisen und Live-Belegungsdaten über ein klassisches, monolithisches System stieß in den letzten Jahren bei hohen Zugriffszahlen an Performance-Grenzen.
Im Zuge des Relaunchs haben wir die Architektur vollständig entkoppelt (Decoupled CMS / Headless). Das bewährte Contao CMS verbleibt im Backend als extrem robuster Content-Hub für Redakteure. Die Auslieferung an die Endnutzer erfolgt über ein modernes Next.js-Frontend auf Vercel, welches Daten in Echtzeit über eine maßgeschneiderte REST-API bezieht.
Die Herausforderung
Die größte technische Herausforderung bestand darin, die enormen Datenmengen durch Zimmerverfügbarkeiten, Belegungskalender und hochauflösende Objekt-Galerien blitzschnell auszuliefern, ohne die Serverantwortzeit zu beeinträchtigen. Gleichzeitig musste die SEO-Sichtbarkeit voll erhalten bleiben und die Ladezeit (Core Web Vitals) in den grünen Bereich verschoben werden.
Die Lösung
Dank Static Site Generation (SSG) in Kombination mit inkrementeller statischer Regeneration (ISR) lädt das gesamte Buchungsportal nun in weniger als einer Sekunde. Buchungen und Kalenderdaten werden dynamisch im Client nachgeladen. Die API-Response-Zeiten wurden durch effizientes Redis-Caching optimiert.
Frontend: Next.js & React
Ein blitzschnelles Frontend mit serverseitigem Rendering (SSR) für eine hervorragende User Experience und maximale SEO-Ergebnisse.
Backend: Contao 5 API
Einsatz von Contao als stabiles, headless CMS zur Redaktionspflege, welches die Daten strukturiert über REST-Endpoints ausgibt.
API-First Anbindung
Direkte, echtzeitnahe Synchronisation von Objektbelegungen und Preise durch performante Schnittstellen zum Channel-Manager.
Core Web Vitals
Ladezeit-Optimierung unter 1,0 Sekunde (Time to First Byte) und deutliche Verbesserung der Conversion-Rate im Checkout.
Warum Headless Contao?
- Bis zu 70% Ladezeitverkürzung im Vergleich zum Altsystem.
- Erhöhte Sicherheit durch vollständige Entkopplung von Backend und öffentlicher Seite.
- Bessere Skalierbarkeit bei extremen Lastspitzen im Sommer.
- Zukunftssicheres Tech-Stack auf Basis moderner React-Frameworks.
Impressionen & Screenshots
Werfen Sie einen Blick auf die Benutzeroberfläche und die verschiedenen Ansichten von prora.com.
prora.com Angebote Modal
prroa.com Ferienwohnungen Grid
prroa.com Ferienwohnungen Unterseite
prroa.com Ferienwohnungen Selektierung und Suche
prora.com CTA Sektion
prroa.com Blog Seite
Der Entwicklungsprozess
Dieses Projekt hat sich über die Zeit kontinuierlich weiterentwickelt. Hier sind die wichtigsten Stadien und Meilensteine.
1. Analyse & Systementscheidung (2018)
2018Zu Beginn des Projekts stand die Konsolidierung der verschiedenen Datenquellen im Vordergrund. Ich entschiede mich für Contao LTS als zentrales Verwaltungssystem im Backend, da die flexible DCA-Struktur eine passgenaue Abbildung der komplexen Vermietungs-Logik ermöglichte.
2. Einführung der Echtzeit-Schnittstellen (2021)
2021Um manuelle Buchungspflege zu minimieren, entwickelte ich eine Symfony-basierte REST-API zur zweiseitigen Synchronisation mit führenden Channel-Managern. Dies verhinderte Doppelbuchungen und ermöglichte automatisierte Preis- und Belegungsupdates.
3. Headless Relaunch & Next.js-Migration (2026)
2026Der finale Schritt zum modernen Web: Die monolithische Frontend-Ausgabe wurde komplett stillgelegt. Das gesamte Nutzerinterface wurde in Next.js neu implementiert und mit Contao 5.7 LTS als reinem Content-Hub verknüpft. Das Ergebnis sind Ladezeiten im Millisekundenbereich und erstklassige SEO-Sichtbarkeit.
Projekt-Parameter
PRORA.COM Tourismusagentur GmbH
In aktiver Betreuung & Weiterentwicklung
Projekt anfragen?
Sie planen ein ähnliches Vorhaben oder benötigen Unterstützung bei der technischen Umsetzung Ihres Projektes? Lassen Sie uns sprechen.