6 leçons suite à migration d'un blog avec l'aide Copilot
mer, 18/03/2026 - 09:45
Suite à la migration de son blog Nuxt à l'aide de GitHub Copilot, Alexandre Nédélec partage les 6 leçons tirées de l'utilisation de l'IA :
1. Planifier avant de coder
Avant de te lancer dans une migration ou une refonte, demande à ton assistant IA de dresser un plan des étapes à réaliser. Peu importe si tu passes par l'agent Plan intégré ou un simple prompt, utilise l'IA pour identifier les problèmes à l'avance et ne pas oublier d'étape.
Et n'oublie pas de challenger GitHub Copilot sur ce qu'il te propose.
2. Les spécifications ça compte
Avec l'IA, générer du code qui fonctionne c'est facile, mais générer du code qui fait exactement ce que tu veux c'est déjà plus compliqué. Sans spécifications claires, que tu utilises l'IA ou non, tu risques de ne pas avoir le résultat que tu attends donc fournis les bonnes spécifications.
Tu peux même te créer des agents personnalisés pour faire du reverse-engineering de tes specs, en allant analyser ton site existant avec Playwright MCP ou une skill Playwright CLI par exemple. Sinon tu peux opter pour le Specification-Driven Development avec des outils comme GitHub Spec Kit.
3. Choisis les bons MCP Servers
Le context engineering, ça passe aussi par l'utilisation de MCP Servers. Une fois les MCP servers relatifs à la stack de ton projet configurés dans ton fichier `mcp.json`, Copilot peut avoir accès à de la documentation et des exemples de code à jour. On peut même aller automatiser son navigateur avec des MCP Servers comme Chrome Dev Tools MCP ou Playwright MCP.
4. Exploite les Git Worktrees
Avec les worktrees, tu peux travailler sur plusieurs branches simultanément dans des répertoires distincts. C'est l'idéal pour déléguer des tâches à des agents en arrière-plan sans interrompre ce que tu es en train de faire ni mélanger tes fichiers.
5. Teste plusieurs LLM
Les modèles sont nombreux et évoluent vite. Un même prompt peut donner des résultats très différents selon le modèle. Donc n'hésite pas à changer de modèle selon la tâche, ou à comparer les résultats de l'exécution de plusieurs modèles sur la même tâche.
6. Tire partie du navigateur intégré à ton IDE avec le WYPIWYG
On est dans un monde du "What You Prompt Is What You Get". Alors ouvre le navigateur intégré à ton IDE, sélectionne des éléments de ta page, demande à Copilot de modifier son apparence et vois le résultat en temps réel. Une belle façon d'itérer sur le design de ton application web.
Rex complet (en Anglais) : https://techwatching.dev/posts/github-copilot-lessons-nuxt-blog
