Zum Inhalt springen
Sprache
DE EN FR
Projekt starten

Der cloudtec Vorteil: Technologie, die wir selbst beherrschen

Über die Jahre haben wir unseren Stack weiterentwickelt. Er setzt komplett auf Open Source und ergänzt sie um ein eigenes Framework aus Komponenten, Diensten, Bibliotheken und Modulen. Er ist die Basis für jedes Projekt.

Die Illustration zeigt den Stack als Pyramide aus fünf Schichten mit 33 Bausteinen, unten das breite, hervorgehobene Fundament. Darüber schweben fünf neue Kandidaten, deren Wege an einer Prüfstelle zusammenlaufen. Nur ein Baustein kommt durch und wird in die oberste Schicht aufgenommen.

30Technologien im Stack
Seit 2013Symfony, Stack in dritter Generation
4Technologie-Schichten
ISO 27001Zertifizierter Betrieb
Prinzipien

Ein Stack, der mit jedem Projekt wächst

Jede Komponente im Stack erfüllt drei Kriterien: nachgewiesene Produktionsreife, langfristiger Support und saubere Integration in den Rest des Stacks.

Abstrakte Grafik: ein grüner Lichtring mit einer Lücke, durch die ein Fächer aus Licht nach aussen fällt.

Open Source zuerst

Der Stack setzt komplett auf Open Source, die wir beherrschen und ideal zusammenführen. Darüber liegt unser eigenes Framework aus Komponenten, Diensten, Bibliotheken und Modulen: sehr viele eigene Funktionen, die fester Teil des Stacks sind.

Abstrakte Grafik: drei cyanfarbene Lichtstrahlen, die in einem hellen Punkt zusammenlaufen und als ein breiter Strahl weitergehen.

Ein Stack für alle Projekte

Wir entscheiden, welche Funktionen und Module dazukommen. Jede Verbesserung aus einem Projekt wandert in den Stack und wird in allen Projekten eingesetzt. Dein Projekt profitiert von der stetigen Weiterentwicklung.

Abstrakte Grafik: ein breites violettes Lichtband aus mehreren verschmolzenen Strängen, darunter verblasst ein schwächerer Nebenweg.

Praxiserprobt

Was im Stack Standard ist, läuft seit Jahren in produktiven Plattformen. Neues durchläuft eine interne Evaluation und einen echten Einsatz, bevor es dazukommt.

Nichts im Stack ohne Grund

Vom Framework bis zur Firewall: jede Schicht mit den Werkzeugen, die sich bei uns in Produktion bewährt haben, und mit dem Grund, warum sie im Stack sind.

  • Symfony

    PHP-Framework als Fundament, bei cloudtec seit 2013 im Einsatz. Modulare Bundle-Architektur, aktive Community, Long-Term-Support-Releases.

  • PHP

    Die Sprache hinter Symfony und Sylius. PHP 8.3+ mit Typed Properties, Enums und Fibers: Typsicherheit und Geschwindigkeit auf dem Stand moderner Sprachen.

  • Sylius

    E-Commerce-Framework auf Symfony-Basis. Headless-Architektur, flexible Produktmodelle, Anbindungen an Zahlungsanbieter, automatisierte Tests.

  • Doctrine ORM

    Object-Relational Mapper für typsichere Datenbankabstraktion. Schema-Änderungen laufen versioniert über Migrationen.

  • API Platform

    REST-APIs aus einer Konfiguration. OpenAPI-Spezifikation, Pagination und Serialisierung entstehen automatisch, der Standard für alle Schnittstellen im Stack.

Stack UI

Die Oberfläche, die wir selbst bauen

Stack 3.0 bringt sein eigenes UI-Framework mit. Templates, Styles und Scripts jeder Komponente stammen aus unserer Entwicklung, nicht aus Bootstrap oder Tailwind. Admin-Bereich und öffentliche Website nutzen dieselben Bausteine.

Ausschnitt aus der Komponenten-Übersicht von Stack UI: Button, Switch, Tag und Eingabefeld. Dazu der Hinweis: über 60 Komponenten, als Twig-Komponenten.

Über 60 Komponenten

Von Button und Formular über Datentabelle und Dialog bis zum Datei-Upload. Jeder Baustein ist eine Twig-Komponente in Symfony. Sein Verhalten steckt in einem schlanken Script, das erst lädt, wenn die Seite es braucht.

Theme einer Kundenmarke: Aus Primärfarbe und Akzent entsteht je eine Skala mit elf Abstufungen. Dazu der Hinweis: hell und dunkel, automatisch aus dem Theme.

Deine Marke per Konfiguration

Farben, Schriften und Logo kommen aus einer einzigen Theme-Datei. Aus jeder Grundfarbe entsteht automatisch eine Skala mit elf Abstufungen, Hell- und Dunkelmodus inklusive.

Die Bereichswahl von Stack UI mit Navigation, Inhalt, Seitenleiste und Fusszeile, der Inhalt ist gewählt. Daneben die Taste F6 und der Hinweis: Tab bleibt im Bereich, F6 wechselt.

Barrierefrei, auch per Tastatur

Die Oberfläche ist in Bereiche gegliedert, zwischen denen man mit F6 springt. Dialoge halten den Fokus, bis sie geschlossen sind, und Animationen treten zurück, wenn das Betriebssystem reduzierte Bewegung verlangt.

Ausschnitt aus einer Stylesheet-Datei mit @scope, light-dark() und einer Container Query. Dazu der Hinweis: kein Bootstrap, kein Tailwind.

Modernes CSS statt Ballast

Container Queries, @scope und light-dark() direkt im Browser, ohne Utility-Klassen und ungenutzte Framework-Teile. Externe Bibliotheken kommen nur dazu, wo sie eine Aufgabe besser lösen, etwa Tiptap für den Texteditor.

Eigene Infrastruktur

Die Cloud, die wir selbst betreiben

Die meisten sagen «wir hosten in der Cloud». Wir betreiben sie selbst: eigene virtuelle Server im Virtual Data Center von hosttech in der Schweiz, eingerichtet und betrieben vom selben Team, das deine Plattform baut.

  • Eigene Server, keine eigene Hardware: unsere virtuellen Server laufen im Virtual Data Center von hosttech, ISO-27001-zertifiziert, an Schweizer Standorten und nicht bei einem Hyperscaler. Netzwerk, Speicher und Container richten wir selbst ein.
  • Eigene Netzwerksicherheit: OPNsense-Firewall und WAF davor, Netzwerksegmentierung und VPN-Zugänge dahinter.
  • Geregelter Betrieb: Entwicklung und Betrieb sind nach ISO/IEC 27001 zertifiziert, mit dokumentierten und geprüften Prozessen.
  • Kurze Wege: gebaut und betrieben vom selben Team. Bei Störungen gibt es keine Ticket-Kette über drei Anbieter.
Infrastruktur-Ansicht im cloudtec Stack: virtuelle Server im Virtual Data Center in der Schweiz, alle Dienste laufen. Daneben das Netzwerk mit Firewall (OPNsense) und WAF, dahinter die Segmente DMZ, Intern und Daten sowie ein VPN-Zugang für das Team. Eine Karte zeigt das cloudtec Team, das die Plattform baut und betreibt.
Evolution

Drei Generationen cloudtec Stack

Quelloffene, langzeitstabile Komponenten, Hosting und Daten in der Schweiz und ein Fundament, das mit jedem Projekt stärker wird.

  1. 2016: der Ursprung

    Neue Projekte starten nicht mehr bei null, sondern auf einer gemeinsamen Basis. Der Ansatz funktioniert, doch jedes Projekt entwickelt sich auf einer eigenen Kopie weiter. Verbesserungen kommen nicht zurück in die Basis.

  2. 2019: ein Fundament, viele Plattformen

    Wir bauen den Stack neu auf, als Monorepo mit heute 23 Paketen. Jedes Projekt bezieht sie in einer definierten Version, und eine Verbesserung erreicht mit einer Aktualisierung alle Plattformen. Docker und automatisierte Deployments machen den Betrieb durchgängig.

  3. 2026: gebaut für die Arbeit mit KI, im Einsatz ab 2027

    Die dritte Generation bündelt, was wir aus zwei Generationen gelernt haben: eine eigene UX-Library mit standardisierten Komponenten, MCP als Grundlage für KI-Agenten, klarer entkoppelte Schichten und mehr Sicherheit. Dazu ist der Stack auf Performance getrimmt.

Aus dem Blog

Aus dem Maschinenraum

Wie wir bauen, testen und betreiben. Beiträge aus dem Entwicklungsteam.

Schau dir den Stack aus der Nähe an

Wir zeigen dir Architektur, Werkzeuge und Betrieb an einem echten Projekt und beantworten die Fragen, die dein Entwicklungsteam stellt.