Au fil des années, nous avons fait évoluer notre stack. Il repose entièrement sur l’open source et le complète par notre propre framework de composants, services, bibliothèques et modules. Il est la base de chaque projet.
L’illustration montre le stack sous forme de pyramide de cinq couches et 33 briques, avec en bas le large socle mis en évidence. Au-dessus flottent cinq nouvelles candidates, dont les trajectoires convergent vers un point de contrôle. Une seule brique passe et est intégrée à la couche supérieure.
Chaque composant du stack remplit trois critères : une maturité de production avérée, un support à long terme et une intégration propre au reste du stack.
Le stack repose entièrement sur des logiciels open source que nous maîtrisons et assemblons au mieux. Par-dessus se trouve notre propre framework de composants, services, bibliothèques et modules : un très grand nombre de fonctions maison qui font partie intégrante du stack.
Nous décidons quelles fonctions et quels modules s’y ajoutent. Chaque amélioration issue d’un projet est intégrée au stack et utilisée dans tous les projets. Votre projet profite de ce développement continu.
Ce qui est standard dans le stack tourne depuis des années sur des plateformes en production. Toute nouveauté passe par une évaluation interne et une utilisation réelle avant d’être ajoutée.
Du framework au pare-feu : chaque couche avec les outils qui ont fait leurs preuves en production chez nous, et avec la raison de leur présence dans le stack.
Framework PHP servant de socle, utilisé chez cloudtec depuis 2013. Architecture modulaire en bundles, communauté active, versions à support long terme.
Le langage derrière Symfony et Sylius. PHP 8.3+ avec propriétés typées, enums et fibers : sûreté de typage et vitesse au niveau des langages modernes.
Framework e-commerce basé sur Symfony. Architecture headless, modèles de produits flexibles, connexions aux prestataires de paiement, tests automatisés.
Mapping objet-relationnel pour une abstraction de base de données typée. Les modifications de schéma sont versionnées et passent par des migrations.
Des API REST à partir d’une configuration. Spécification OpenAPI, pagination et sérialisation sont générées automatiquement : le standard pour toutes les interfaces du stack.
Notre propre framework d’interface : templates, styles et scripts pour chaque composant, développés en interne plutôt qu’avec Bootstrap ou Tailwind. Les prototypes sont créés avec l’IA directement dans le code, à partir des mêmes composants qui passent ensuite en production.
Un balisage sémantique et valide comme socle de chaque page : la base de l’accessibilité, du SEO et de la visibilité pour l’IA.
Des fonctions modernes directement sur la plateforme : container queries, light-dark() et custom properties comme couche de thématisation.
Des modules ES sans dépendance à un framework. Ce que le navigateur sait faire de lui-même, c’est le navigateur qui s’en charge.
Préprocesseur pour Stack UI : tokens, mixins et composants, compilés en un CSS léger.
Base de données relationnelle pour les données structurées, compatible avec MySQL. La couche de persistance standard du stack.
Recherche plein texte et recherche à facettes, multilingue, avec racinisation et prise en charge des synonymes. Le standard pour la recherche et les filtres dans le stack.
Moteur de recherche et d’analyse dans des plateformes existantes. Recherche plein texte avec correspondance approximative et agrégations sur de grands volumes de données.
Message broker pour le traitement asynchrone. Découple les tâches de longue durée (imports, exports, notifications) de l’appel de page.
Analyse web sur nos propres serveurs. Les visites et les parcours restent en Suisse, sans fuite de données vers des plateformes publicitaires.
Des conteneurs pour des déploiements reproductibles. Chaque plateforme tourne de façon isolée, dans un environnement identique du développement à la production.
Gestion des conteneurs avec interface web. Administration, monitoring et mise à l’échelle de l’environnement Docker, de façon centralisée pour toutes les plateformes.
Reverse proxy et load balancer pour conteneurs. Routes, certificats TLS et redirections sont repris automatiquement de la configuration des conteneurs.
Reverse proxy et serveur web en première ligne : terminaison SSL, load balancing et mise en cache devant les conteneurs applicatifs.
Pare-feu open source et pare-feu applicatif web (WAF). Segmentation réseau, détection d’intrusion et accès VPN à l’infrastructure.
Un Linux minimal comme base de tous les conteneurs. Surface d’attaque réduite, builds rapides, mises à jour de sécurité régulières.
Les tests unitaires et d’intégration tournent dans le pipeline à chaque commit. S’y ajoutent l’analyse statique avec PHPStan et un style de code uniforme grâce à PHP-CS-Fixer.
Behavior-driven testing : la logique métier est décrite dans des scénarios lisibles et rejouée dans Chrome headless, automatiquement dans le pipeline.
Tests de régression visuelle : les versions sont comparées au pixel près, afin que les ruptures de mise en page soient repérées avant la mise en production.
Tests de bout en bout en low-code : les parcours sont enregistrés dans le navigateur puis rejoués automatiquement. On peut ainsi étendre les tests sans écrire de code.
Profilage de l’exécution PHP. Détecte les goulets d’étranglement, surveille les régressions et fournit des propositions d’optimisation concrètes.
Monitoring des erreurs sur toutes les plateformes. Les exceptions de production arrivent dans le backlog sous forme de ticket avec leur stack trace, au lieu de se perdre dans un fichier journal.
Gestion de versions avec branches et revues de code : chaque modification traçable, chaque ligne attribuable.
Hébergement du code et pipelines CI/CD : builds, tests et déploiements s’exécutent automatiquement à chaque merge.
Planification et suivi : chaque fonction et chaque bug a son ticket, traçable de la conception à la release.
L’IDE de l’équipe. Inspections de code, débogueur et lanceur de tests travaillent directement sur le code, avec des règles communes de style de code.
Stack 3.0 intègre son propre framework d’interface. Les templates, styles et scripts de chaque composant sont issus de notre propre développement, et non de Bootstrap ou de Tailwind. L’espace d’administration et le site web public utilisent les mêmes briques.
Du bouton au formulaire, du tableau de données à la boîte de dialogue et jusqu’au téléversement de fichiers. Chaque brique est un composant Twig dans Symfony. Son comportement tient dans un script léger qui ne se charge que lorsque la page en a besoin.
Couleurs, polices et logo proviennent d’un seul fichier de thème. Chaque couleur de base produit automatiquement une échelle de onze nuances, modes clair et sombre compris.
L’interface est divisée en zones entre lesquelles on passe avec F6. Les boîtes de dialogue gardent le focus jusqu’à leur fermeture, et les animations s’effacent lorsque le système d’exploitation demande des mouvements réduits.
Container queries, @scope et light-dark() directement dans le navigateur, sans classes utilitaires ni parties de framework inutilisées. Les bibliothèques externes ne s’ajoutent que là où elles résolvent mieux une tâche, comme Tiptap pour l’éditeur de texte.
La plupart disent « nous hébergeons dans le cloud ». Nous l’exploitons nous-mêmes : nos propres serveurs virtuels dans le Virtual Data Center de hosttech en Suisse, mis en place et exploités par l’équipe qui développe votre plateforme.
Des composants open source stables à long terme, l’hébergement et les données en Suisse, et un socle qui se renforce avec chaque projet.
Les nouveaux projets ne partent plus de zéro, mais d’une base commune. L’approche fonctionne, mais chaque projet évolue sur sa propre copie. Les améliorations ne reviennent pas dans la base.
Nous reconstruisons le stack sous forme de monorepo, qui compte aujourd’hui 23 paquets. Chaque projet les utilise dans une version définie, et une seule mise à jour apporte une amélioration à toutes les plateformes. Docker et les déploiements automatisés rendent l’exploitation cohérente de bout en bout.
La troisième génération réunit ce que nous avons appris de deux générations : notre propre bibliothèque UX avec des composants standardisés, MCP comme base pour les agents d’IA, des couches plus clairement découplées et davantage de sécurité. En outre, le stack est optimisé pour la performance.
Comment nous développons, testons et exploitons. Des articles de l’équipe de développement.
Changement de centre de données terminé. Trois choses que nous referions exactement de la même façon, et une que nous aborderons autrement.
Ce qui caractérise les solutions open source, pourquoi elles forment le cœur de notre stack et ce que cela signifie pour la maintenabilité et l’indépendance de notre clientèle.
Tests unitaires, d’intégration et de bout en bout combinés : comment nous associons les types de tests pour que les plateformes tournent de façon fiable en production.
Nous vous montrons l’architecture, les outils et l’exploitation sur un projet réel et répondons aux questions que pose votre équipe de développement.