360-to-HTML – Plattform zur Transformation interaktiver 360°-Touren in performante Web-Erlebnisse
Konzeption und Umsetzung einer skalierbaren SaaS-Plattform zur Konvertierung und Optimierung von 360°-Touren – inklusive Caching-Strategie, Identity-Management, Infrastructure-as-Code und automatisiertem Deployment.
Problem
Interaktive 360°-Touren sind häufig performance-intensiv, schwer integrierbar und technisch heterogen aufgebaut. Agenturen und Unternehmen benötigen eine Möglichkeit, komplexe 360°-Inhalte in optimierte, browserfähige HTML-Lösungen zu transformieren – ohne manuelle Nachbearbeitung oder individuelle Hosting-Setups. Gleichzeitig müssen Sicherheit, Skalierbarkeit und einfache Bedienbarkeit gewährleistet sein.
Lösung
Entwicklung einer cloud-nativen Plattform zur automatisierten Transformation von 360°-Inhalten in performante HTML-Ausgaben. Die Architektur wurde auf Skalierbarkeit, Sicherheit und Wiederholbarkeit ausgelegt – inklusive Multi-Layer-Caching, zentralem Identity-Management und Infrastructure-as-Code für reproduzierbare Deployments.
Umsetzung
Die Plattform wurde als containerisierte, serviceorientierte Architektur umgesetzt.
• Backend & Applikationslogik:
- Entwicklung der Hauptanwendung mit C# (Blazor Server)
- Ergänzende clientseitige Logik mit JavaScript
- Python Background Worker für asynchrone Konvertierungs- und Verarbeitungsprozesse
- Klare Trennung von UI, Business-Logik und Worker-Prozessen
• Daten- & Caching-Strategie:
- MariaDB für relationale Projekt- und Nutzerdaten
- Redis als High-Performance-Cache für Sessions und Zwischenergebnisse
- Nginx Reverse Proxy mit zusätzlichem HTTP-Caching-Layer
- Mehrstufige Caching-Strategie zur Minimierung von Rechenlast und Latenz
• Identity & Security:
- Zentrale Authentifizierung über Keycloak
- Rollen- und Rechtekonzept für Kunden und Administratoren
- Netzwerksegmentierung und Firewall-Regeln über OPNsense
- Absicherung interner Services gegen direkten Zugriff
• Cloud & Infrastruktur:
- Vollständig containerisierter Betrieb mit Docker
- Infrastructure-as-Code mit Terraform (Provisionierung)
- Server- und Konfigurationsmanagement über Ansible
- Reproduzierbare Umgebungen für Staging und Produktion
• CI/CD & Deployment:
- Gitea-basierte CI/CD-Pipelines
- Automatisierte Build-, Test- und Deployment-Prozesse
- Versionierte Docker-Images
- Rollout-Strategien zur Minimierung von Downtime
Besonderer Fokus lag auf Performance-Optimierung großer Mediendateien, klarer Trennung rechenintensiver Prozesse und einem sicheren, wartbaren Regelbetrieb.
Screenshots
Projekt Infos
Kunde
Eigenentwicklung
Status
Produktiv im Einsatz
Technologien
Eigene SaaS-Plattform realisieren?
Ich entwickle skalierbare Webplattformen mit klarer Architektur, automatisiertem Deployment und professionellem Infrastruktur-Setup – von der Idee bis zum stabilen Produktivbetrieb.