Avant la mise en ligne
Une checklist pour mettre en ligne un projet en vibe coding
Un aperçu convaincant est un début. Une publication demande des preuves que la tâche principale fonctionne, que les échecs sont compréhensibles et que la description publique est honnête. Cette checklist s’appuie sur le travail du site LaunchVibe ; elle ne signifie pas que nous avons testé toutes les apps natives du catalogue.
Écrivez ce que fait cette version
Choisissez un parcours qu’un nouveau visiteur doit pouvoir terminer sans votre aide. Nommez son point de départ, l’action et le résultat visible. Listez les fonctions laissées de côté. Si un bouton ouvre une autre boutique ou un autre site, indiquez cette destination au lieu de laisser croire que l’action se déroule dans votre app.
Comparez les textes publics à la version réelle. Utilisez de vraies captures, identifiez les illustrations et retirez les affirmations sans preuve. Un petit outil fonctionnel aux limites claires est plus facile à évaluer qu’une longue liste de fonctions avec des commandes inachevées.
Testez le parcours et ses échecs
Effectuez le parcours complet avec un navigateur sans données, puis avec des données existantes. Testez une saisie vide, un texte long, une requête lente, un échec et un clic répété. Vérifiez qu’une nouvelle tentative ne crée pas de doublon et ne fait pas perdre le brouillon.
Sur LaunchVibe, les éléments enregistrés sont une préférence locale du navigateur, tandis qu’un vote communautaire est un enregistrement serveur. Ces actions demandent des tests différents. Le total des votes doit suivre une réponse réussie du serveur ; un enregistrement local doit expliquer une erreur de stockage. Déterminez quel système fait autorité pour chaque résultat avant de le tester.
- Notez le navigateur, la taille de fenêtre et la version testés.
- Gardez les vérifications échouées visibles jusqu’à leur correction ou leur exclusion explicite du lancement.
- Utilisez des données de test et des fournisseurs simulés lorsqu’un test affecterait de vraies personnes ou les statistiques de production.
Vérifiez séparément les données et les autorisations
Dessinez un schéma simple de ce qui reste sur l’appareil, atteint votre serveur ou part chez un autre fournisseur. Ne placez jamais un secret serveur dans le code du navigateur. Testez si un visiteur peut modifier les données d’un autre et si les sessions expirées échouent de façon compréhensible.
L’accès invité nécessite aussi des règles. Un identifiant de navigateur ne prouve pas l’identité d’une personne unique. Avant d’accepter des commentaires publics, prévoyez l’affichage en texte brut, la suppression, le signalement et la modération. Pour les actions destructives, testez la confirmation et la récupération réelle sans supposer qu’un bouton « Annuler » suffit.
Utilisez le clavier et un petit écran
Suivez le parcours principal sans souris. Vérifiez un focus visible, des libellés utiles et des erreurs qui ne reposent pas uniquement sur la couleur. Ouvrez puis fermez une boîte de dialogue : le focus doit revenir à un endroit utile. Essayez des traductions longues et le zoom, en plus d’une fenêtre étroite.
Easy Checks du W3C est un point de départ utile. Réussir quelques vérifications manuelles ne constitue pas une évaluation complète de l’accessibilité. Notez ce que vous avez vérifié et indiquez les technologies d’assistance ou les combinaisons de navigateurs non testées.
Référence: W3C WAI: Easy Checks
Faites correspondre la confidentialité à l’app réelle
Expliquez quelles informations vous traitez réellement et pourquoi. Si vous proposez des statistiques facultatives, testez séparément le refus, l’acceptation et le retrait du consentement. Vérifiez si des requêtes sont envoyées au fournisseur avant le choix que vous avez promis de respecter.
N’envoyez pas les recherches, les commentaires ni les autres saisies personnelles dans les événements statistiques. Vérifiez les liens vers les boutiques externes et expliquez que leurs politiques s’y appliquent. Une page de confidentialité copiée ne décrit pas une implémentation que vous n’avez pas examinée ; actualisez-la lorsque les flux de données changent.
Publiez une version connue avec un retour possible
Compilez à partir du fichier de verrouillage des dépendances suivi dans Git, vérifiez le compte cible et contrôlez les routes déployées, les liens, HTTPS et les pages introuvables. Identifiez la dernière version qui fonctionnait. Sur Cloudflare Workers, versions du code et déploiements sont distincts ; revenir à une version de code ne restaure pas le contenu de la base de données.
Si la publication modifie des données, planifiez ce changement séparément. Après publication, refaites un petit contrôle en lecture seule sur le vrai domaine. Ne présentez pas un test local comme une preuve en production, ni une requête comme la preuve que le fournisseur l’a traitée.
Version / commit : Parcours principal vérifié : Environnement et navigateurs : Vérifications réussies et preuves : Limites connues / vérifications non effectuées : Changements de données éventuels : Dernière version fonctionnelle : Qui peut revenir en arrière et comment :
Référence: Cloudflare: Versions and deployments
Prenez une décision de publication explicite
Corrigez les échecs qui bloquent le parcours promis. Pour les limites restantes, choisissez de reporter la fonction, de la signaler clairement ou de retarder la publication. Cette checklist concerne le web ; les validations des apps natives et les obligations propres à votre produit demandent leurs propres vérifications.