Webzenz hat für BrickMatch.ch die Serverumgebung bei Infomaniak aufgebaut und die Next.js-Plattform mit Docker, Staging, GitHub Actions und Schweizer Hosting produktiv gebracht.
Überblick
BrickMatch.ch ist eine Schweizer Community-Plattform für erwachsene LEGO-Fans. Mitglieder erstellen Profile, zeigen ihre Sammlungen in Galerien, finden passende Kontakte über ein Matching, schreiben sich im Chat, besuchen Events und können Premium-Abonnements abschliessen.
Webzenz wurde beauftragt, die bestehende Webanwendung auf einer Schweizer Infrastruktur bei Infomaniak sauber, sicher und wartbar in Betrieb zu nehmen. Im Fokus standen die Hosting-Umgebung und das Deployment einer Next.js-Anwendung mit PostgreSQL-Datenbank, Bildspeicher und E-Mail-Versand, inklusive eines klaren Ablaufs von Staging zu Produktion.
Ausgangslage
Die Plattform war funktional entwickelt, brauchte aber eine produktionsreife Umgebung in der Schweiz. Updates sollten ohne manuelle Eingriffe auf dem Server ausgerollt werden, Benutzerbilder durften nicht öffentlich im Netz liegen und vor jeder Freigabe musste die Datenbank gesichert sein.
Funktionen und Umsetzung
Serverumgebung bei Infomaniak
Einrichtung der Linux-Serverumgebung in der Infomaniak Public Cloud mit Caddy als Reverse Proxy und automatischen TLS-Zertifikaten über Let's Encrypt.
Containerisiertes Deployment
Docker und Docker Compose mit Multi-Stage-Builds auf Basis von Node.js 22 und Debian Bookworm Slim für schlanke, reproduzierbare Images.
Getrennte Staging- und Produktionsumgebung
Eine geschützte Staging-Umgebung für Tests und Abnahmen, getrennt von der öffentlichen Produktionsumgebung.
Automatisiertes Deployment
GitHub Actions übertragen den Code per SSH und rsync, bauen die Docker-Images auf dem Server und starten die Dienste neu.
PostgreSQL mit Backup vor jedem Release
PostgreSQL mit Prisma ORM. Vor jedem Produktions-Deployment wird automatisch ein Datenbank-Backup erstellt.
Privater Objektspeicher für Bilder
Infomaniak Object Storage über die S3-kompatible API. Uploads laufen über den Server, Bilder werden über signierte, zeitlich begrenzte Links aus einem privaten Bucket ausgeliefert.
Transaktionale E-Mails
Versand von System-E-Mails über SMTP und Nodemailer mit Infomaniak Mail.
Health Checks nach dem Deployment
Automatische Health Checks und eine Prüfung der ausgelieferten HTML- und CSS-Dateien nach jedem Release.
Leistungsumfang von Webzenz
- Aufbau und Konfiguration des Infomaniak-Serverbereichs
- Vorbereitung der Laufzeitumgebung und Docker-Setup
- Staging- und Produktions-Workflows mit GitHub Actions
- Abstimmung von Datenbank, persistentem Speicher, SMTP und Konfiguration
- Backup-Strategie und Prüfungen nach dem Deployment
Die Entwicklung der Plattform und ihrer Geschäftslogik war nicht Teil dieses Auftrags. Webzenz hat die bestehende Anwendung übernommen und betriebsbereit gemacht.
Eingesetzte Technologien
- Server, Cloud und Hosting
- Deployment und Workflow
- Datenbank und Datenhaltung
- Frontend
- Authentifizierung und Sicherheit
- Zahlungen und Abrechnung
- Schnittstellen
Ergebnis
BrickMatch.ch läuft heute auf einer strukturierten Hosting- und Deployment-Umgebung in der Schweiz. Neue Versionen werden zuerst auf Staging geprüft und anschliessend kontrolliert in die Produktion übernommen, mit Datenbank-Backup und automatischer Prüfung.
Das Projekt zeigt die Erfahrung von Webzenz mit Schweizer Cloud-Hosting, der Einrichtung von Infomaniak-Umgebungen und dem Deployment moderner Next.js-Anwendungen.
BrainRun AI: Entwicklung einer KI-Plattform mit Multi-Modell-Chat, Wissenssuche und AWS-Infrastruktur
Für BrainRun AI hat Webzenz eine KI-Plattform mit Multi-Modell-Chat, Dokumentensuche (RAG), KI-Agenten, Credits-Abrechnung und AWS-Infrastruktur vollständig umgesetzt.
Projekt ansehen: BrainRun AI
APANI Audiophile: Mehrsprachige High-End-Audio-Website mit Next.js und React
Webzenz hat für APANI eine High-End-Audio-Website in 10 Sprachen umgesetzt: Next.js, animierte Produktseiten, internationales SEO, JSON-LD und eine Codebasis für vier Domains.
Projekt ansehen: APANI Audiophile
Audio Insider Zürich: Individuelles Anmeldesystem für Events und Hörtermine
Webzenz hat für Audio Insider Zürich ein zweisprachiges Anmeldesystem für Events und Hörtermine entwickelt: React, PHP-API, MySQL, Admin-Dashboard und Hosting bei Hostpoint.
Projekt ansehen: Audio Insider Zürich