Cas d'utilisation : Workflow de développement

Ce guide montre comment utiliser Commandeck comme palette de commandes pour développeur. L'objectif : remplacer les commandes de terminal les plus répétitives par des boutons en un clic, organisés par projet.

Fonctionnalité Pro

Ce workflow exécute des commandes sur un VPS distant en SSH. Les machines SSH, les boutons multi-machines et les profils d'exécution nécessitent Commandeck Pro. Les boutons purement locaux de ce guide fonctionnent dans la version gratuite.

Le scénario

Vous travaillez sur deux projets :

Un frontend (application React, en exécution locale)
Une API backend (Node.js, déployée sur un VPS distant)

Vous exécutez les mêmes commandes des dizaines de fois par jour : build, test, déploiement, consultation des logs. Commandeck remplace vos réflexes musculaires par des boutons visibles et étiquetés.

Étape 1 — Ajouter votre serveur comme machine SSH

Pour les commandes qui s'exécutent sur le VPS, commencez par l'ajouter :

Champ	Valeur
Nom	`VPS Production`
Hôte	`ip-de-votre-vps`
Utilisateur SSH	`deploy`
Chemin de la clé SSH	`~/.ssh/id_ed25519`

Cliquez sur Tester pour vérifier la connectivité.

Fonctionnalité Pro

Les machines SSH nécessitent Commandeck Pro.

Étape 2 — Catégorie Frontend

Créez ces boutons avec Catégorie : Frontend.

Installer les dépendances

npm install

Mode d'exécution : Afficher la sortie (voir si quelque chose échoue)
Conseil répertoire de travail : préfixez avec cd ~/projects/myapp &&

Commande complète : cd ~/projects/myapp && npm install

Démarrer le serveur de développement

cd ~/projects/myapp && npm run dev

Mode d'exécution : Ouvrir dans le terminal — le serveur de développement est interactif et diffuse la sortie en continu

Build pour la production

cd ~/projects/myapp && npm run build

Mode d'exécution : Afficher la sortie — vous voulez voir les erreurs de build
Icône : package-x-generic-symbolic

Exécuter les tests

cd ~/projects/myapp && npm test -- --watchAll=false

Mode d'exécution : Afficher la sortie
Infobulle : Exécuter la suite de tests Jest complète une seule fois

Lint

cd ~/projects/myapp && npm run lint

Mode d'exécution : Afficher la sortie
Couleur : #1c71d8 (bleu — informatif)

Étape 3 — Catégorie Backend

Créez ces boutons avec Catégorie : Backend. Cible : VPS Production.

Récupérer le dernier code

cd ~/app && git pull origin main

Mode d'exécution : Afficher la sortie
Confirmer avant d'exécuter : activé (évite les déploiements accidentels)

Redémarrer le serveur API

sudo systemctl restart myapp

Mode d'exécution : Silencieux
Confirmer avant d'exécuter : activé

Docker : rebuild et redémarrage

cd ~/app && docker compose down && docker compose up -d --build

Mode d'exécution : Afficher la sortie
Infobulle : Reconstruire les conteneurs et redémarrer (~30s)
Couleur : #26a269 (vert — action de déploiement)

Suivre les logs de l'application

sudo journalctl -u myapp -f -n 100

Mode d'exécution : Ouvrir dans le terminal — journalctl -f diffuse indéfiniment

Vérifier les conteneurs Docker

docker ps --format "table {{.Names}}\t{{.Status}}\t{{.Ports}}"

Mode d'exécution : Afficher la sortie

Sauvegarde de la base de données

cd ~/app && pg_dump mydb > ~/backups/mydb_$(date +%Y%m%d).sql

Mode d'exécution : Afficher la sortie
Confirmer avant d'exécuter : activé
Infobulle : Exporter la base de données de production dans ~/backups/

Étape 4 — Utiliser "Afficher la sortie" de façon stratégique

Toutes les commandes n'ont pas besoin de Afficher la sortie. Une bonne règle :

Utilisez Silencieux pour	Utilisez Afficher la sortie pour	Utilisez Ouvrir dans le terminal pour
Redémarrages de services	Builds et tests	Processus interactifs (`htop`, `vim`, `psql`)
Déclencheurs simples	Commandes pouvant échouer	Flux de longue durée (`tail -f`, `docker logs -f`)
Déploiements de confiance	Tout ce qui a un stdout significatif	Sessions SSH

Étape 5 — Migration vers un nouveau serveur

Lorsque votre VPS est mis à niveau ou migré, vous n'avez pas besoin de modifier chaque bouton individuellement. Utilisez la sélection multiple pour réassigner tous les boutons Backend en une seule opération :

Ctrl+clic sur chaque bouton Backend (ou faites un rubber-band pour tous les sélectionner) — la barre d'actions apparaît en bas
Cliquez sur Machine dans la barre d'actions
Choisissez le nouveau serveur

Tous les boutons sélectionnés sont mis à jour en une seule opération.

Résultat

Deux catégories nettes — Frontend et Backend — dans le menu déroulant de l'en-tête font apparaître exactement les commandes dont vous avez besoin. Votre terminal reste ouvert pour le travail exploratoire ; Commandeck gère les parties répétitives.

Tip

Maintenez le nombre de boutons par catégorie autour de 6–10. Au-delà, la navigation devient aussi complexe qu'avec le terminal.