Initial vault setup

2026-06-09 18:40:21 +02:00
commit bda02d587f
3692 changed files with 402457 additions and 0 deletions
@@ -0,0 +1,140 @@
+---
+title: Silex
+created: 2026-06-07
+updated: 2026-06-07
+type: app
+tags: [catalogue, development, low-code, ui-builder, admin-panel, no-code, internal-tools]
+confidence: high
+contested: false
+sources: [https://selfh.st/apps/?tag=Development, https://github.com/silexlabs/silex]
+---
+
+# 💻 Silex
+
+> **Le constructeur low-code d'interfaces d'administration** : créez des dashboards et outils internes en glissant-déposant, sans écrire de HTML/CSS, basé sur le standard ouvert Blockly.
+
+## 📋 Informations Générales
+
+| Champ | Valeur |
+| :--- | :--- |
+| **Site web** | [silex.me](https://www.silex.me/) |
+| **GitHub** | [silexlabs/Silex](https://github.com/silexlabs/Silex) |
+| **License** | AGPL-3.0 |
+| **Langage** | TypeScript (Node.js + navigateur) |
+| **Étoiles GitHub** | 2,8k ⭐ |
+| **Dernière MAJ** | 2026-06-07 |
+| **Catégorie** | [[cat-development\|Development]], Low-Code / UI Builder |
+
+## 📝 Description
+
+**Silex** est un **constructeur d'interfaces web low-code** open source, développé par **Silex Labs** (association française). Contrairement à la plupart des outils no-code qui s'enferment dans des formats propriétaires, Silex repose sur **Blockly** (la bibliothèque visuelle de Google) et génère du **HTML/CSS/JS standard**, que vous pouvez ensuite **exporter et héberger librement**.
+
+L'idée : **permettre à des non-développeurs de créer des sites, dashboards, et outils internes** sans dépendre d'un SaaS fermé. Vous composez des pages dans un éditeur visuel (drag & drop), connectez des sources de données via API, et déployez le résultat. Pour les développeurs, Silex expose une **API d'extensions** en TypeScript et un système de composants custom.
+
+Silex se distingue dans la catégorie "low-code" par son **engagement open source fort** (AGPL), son **export HTML standard** (pas de vendor lock-in), et sa **capacité à produire des applications métier complexes** (admin panels, dashboards, formulaires avancés, intranet) — pas seulement des sites vitrines.
+
+**Public cible** : **équipes produit, freelances, designers, associations, OBNL** qui veulent un outil no-code transparent, exportable, et auto-hébergeable.
+
+### Fonctionnalités principales
+
+- ✅ **Éditeur visuel drag & drop** basé sur Blockly (Google)
+- ✅ **Export HTML/CSS/JS standard** (zéro vendor lock-in)
+- ✅ **Connexion API REST/GraphQL** : dynamique data
+- ✅ **Composants custom** en TypeScript via l'API d'extensions
+- ✅ **Multi-pages** avec navigation
+- ✅ **Responsive designer** : breakpoints desktop/tablette/mobile
+- ✅ **Thèmes** : Bootstrap, Tailwind, ou custom CSS
+- ✅ **Formulaires avancés** : validation, envoi email, webhooks
+- ✅ **Collaboration temps réel** (multi-éditeurs)
+- ✅ **SEO-friendly** : export HTML statique indexable
+- ✅ **Open source AGPL** : auditable, modifiable
+
+## 🚀 Installation
+
+### Via Docker (recommandé)
+
+```yaml
+# docker-compose.yml
+version: '3.8'
+services:
+  silex:
+    image: silexlabs/silex:latest
+    container_name: silex
+    restart: unless-stopped
+    ports:
+      - "6805:6805"
+    environment:
+      SILEX_SECRET: "changez-moi-en-production-50-chars"
+      SILEX_DATA_DIR: "/app/data"
+    volumes:
+      - silex_data:/app/data
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.silex.rule=Host(`silex.example.com`)"
+      - "traefik.http.routers.silex.entrypoints=websecure"
+      - "traefik.http.routers.silex.tls.certresolver=letsencrypt"
+
+volumes:
+  silex_data:
+```
+
+### Via npm
+
+```bash
+npm install -g @silexlabs/silex
+silex start
+```
+
+### Installation manuelle
+
+```bash
+git clone https://github.com/silexlabs/Silex.git
+cd Silex
+npm install
+npm run start
+```
+
+## ⚙️ Configuration
+
+1. **Créer un compte admin** : première connexion sur `https://silex.example.com`
+2. **Nouveau projet** : File > New > Blank / Template
+3. **Configurer la publication** : Settings > Publishing > connecter un FTP/SFTP ou utiliser le mode statique
+4. **Sources de données** : panneau "Data" > ajouter API REST/GraphQL
+5. **Composants custom** : `client/src/plugins/` (développement TypeScript)
+6. **Sauvegarde** : volume Docker `/app/data` (contient les projets)
+
+## 🔗 Alternatives
+
+- **Budibase** — Low-code orienté outils internes, plus structuré (BDD), open core
+- **ToolJet** — Low-code similaire, support BDD intégré (PostgreSQL, MongoDB)
+- **Appsmith** — Concurrent direct, BDD intégrées, très actif
+- **Retool** — Standard du marché, mais propriétaire et cher
+- **Bubble** — No-code complet, propriétaire, pas self-hosted
+- **Webflow** — Site builder visuel, pas d'admin panels
+
+## 🔒 Sécurité
+
+- **🔐 HTTPS obligatoire via [[app-traefik]]** : Silex gère potentiellement des données métier
+- **🛡️ Authentification** : activer le mode multi-utilisateurs avec rôles
+- **🔒 Reverse proxy** : ne pas exposer directement le port 6805
+- **🛡️ Sources de données** : utiliser des tokens en lecture seule côté API
+- **🛡️ Webhooks sortants** : valider les URLs, secret partagé
+- **🛡️ Sauvegardes régulières** du volume `silex_data` (projets + médias)
+
+## 📚 Ressources
+
+- [Site officiel](https://www.silex.me/)
+- [Documentation](https://www.silex.me/documentation)
+- [GitHub silexlabs/Silex](https://github.com/silexlabs/Silex)
+- [Forum communautaire](https://community.silex.me/)
+- [Exemples et templates](https://www.silex.me/templates)
+
+## 🔗 Pages Liées
+
+- [[cat-development]] — Catégorie Development
+- [[app-budibase]] — Concurrent low-code open source
+- [[app-appsmith]] — Alternative low-code
+- [[app-tooljet]] — Concurrent orienté BDD
+- [[app-traefik]] — Reverse proxy HTTPS
+- [[securisation-home-lab]] — Bonnes pratiques
+- [[recettes-docker-compose]] — Templates Docker