141 lines
5.6 KiB
Markdown
141 lines
5.6 KiB
Markdown
---
|
|
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
|