Affinage et Déploiement des Résultats

Claude Code peut générer un site web impressionnant à partir d'une référence de design, mais le premier résultat peut ne pas correspondre entièrement à l'objectif commercial visé. Dans cet exemple, Claude a fidèlement recréé le style visuel, y compris les polices, les couleurs, les cartes interactives, les témoignages, le formulaire et le pied de page. Cependant, il a construit un site pour un cabinet dentaire au lieu d'une agence web qui crée des sites pour les dentistes.

Cela s'est produit parce que la demande initiale ne fournissait pas suffisamment de contexte. Plutôt que de recommencer, le design existant peut être affiné grâce à un processus itératif. Claude a été invité à conserver la mise en page mais à réécrire le contenu pour Outbound, une agence web ciblant les cabinets dentaires à Austin. L'appel à l'action principal a été modifié en une analyse de site web gratuite.

Affiner le site web avec la saisie vocale

Les instructions de projet longues ne doivent pas toujours être saisies manuellement. La fonctionnalité microphone de Claude peut être utilisée pour décrire naturellement les modifications, notamment :

• Activité de l'entreprise
• Public cible
• Contenu à modifier
• Éléments du design existant à conserver
• Appel à l'action principal

Claude peut ensuite poser des questions complémentaires si des informations importantes manquent et mettre à jour le site web en fonction des réponses.

Connexion de Claude à Vercel

Une fois le site web prêt, il doit être déployé sur une plateforme d'hébergement. Au lieu de configurer manuellement Git, GitHub et les paramètres de déploiement, Claude Code peut se connecter directement à Vercel via un connecteur MCP.

Pour connecter Vercel :

1. Cliquez sur l'icône plus près du champ de saisie de Claude.
2. Ouvrez Connecteurs et sélectionnez Gérer les connecteurs.
3. Cliquez sur Parcourir les connecteurs.
4. Recherchez Vercel et cliquez sur Connecter.
5. Autorisez Claude à accéder à l'équipe et aux projets Vercel appropriés.

Une fois la connexion établie, Claude peut déployer le projet, surveiller le déploiement, identifier les erreurs et fournir l'URL du site web en ligne.

Revue des problèmes de déploiement

Le premier déploiement peut échouer si Claude modifie encore le projet dans une autre session ou si les fichiers actuels ne correspondent pas à ceux utilisés lors de la construction. Claude peut examiner le déploiement échoué, attendre la fin des modifications du site web, reconstruire le projet et le déployer à nouveau.

Avant la publication, Claude peut également identifier des éléments inachevés, tels que :

• Un formulaire non connecté à un backend
• Un contenu de remplacement
• Un domaine personnalisé manquant
• Une politique de confidentialité incomplète

Ces problèmes doivent être examinés avant de lancer un site web en production. Cependant, une version temporaire peut tout de même être déployée à des fins de test ou de démonstration.

Du modèle de conception au site web en ligne

Après un déploiement réussi, Vercel fournit une URL publique accessible sur ordinateur ou appareil mobile. Le site web obtenu est adaptatif et peut ensuite être relié à un domaine personnalisé.

Ce flux de travail démontre que Claude Code peut gérer bien plus que l'écriture de code. Il peut affiner le contenu, modifier les fichiers du projet, se connecter à des services externes, résoudre les erreurs de compilation et déployer un site web fonctionnel à l'aide d'instructions en langage naturel.

L'erreur initiale met également en évidence une leçon importante : Claude donne de meilleurs résultats lorsqu'il reçoit un contexte de projet clair dès le départ. Définir l'entreprise, le public, les objectifs et le résultat souhaité permet de garder le projet aligné et de réduire les révisions inutiles.