Comment publier un site Web avec NanoClaw : créer et déployer en toute sécurité13 min read

NanoClaw n’héberge pas de sites Web et ne fournit pas de bouton de publication universel. Il exécute des agents dans des conteneurs isolés qui peuvent aider à écrire et tester les fichiers du site. Pour mettre ces fichiers sur le Web, choisissez un hôte externe, autorisez un déploiement et vérifiez l’URL publique résultante. Une compétence Vercel facultative peut ajouter une capacité de déploiement aux installations sélectionnées, mais ce n’est pas la même chose que NanoClaw hébergeant votre site.

Voici un itinéraire pratique pour un portfolio de photographe : définissez un espace de travail sécurisé, demandez un petit site statique, inspectez la source et prévisualisez, puis déplacez une version approuvée en production. Si votre projet nécessite des réservations, des comptes ou une base de données, concevez et testez cette infrastructure supplémentaire séparément plutôt que de supposer qu’une page statique la fournit.

Comment publier un site Web avec NanoClaw et AgentGrid.io

NanoClaw est un assistant personnel qui s’exécute dans des conteneurs et peut travailler avec des fichiers dans son propre environnement. Cela rend un brouillon local pratique, mais cela ne fait pas de AgentGrid.io une destination NanoClaw native. Traitez le transfert comme un transfert de fichier explicite, sauf si vous avez configuré et testé séparément une connexion compatible. L’objectif est un artefact révisable avec une décision de publication humaine, et non un pipeline de publication sans surveillance.

1. Établissez l’espace de travail AgentGrid

Créez ou sélectionnez l’espace de travail AgentGrid pour le projet et confirmez que les réviseurs appartiennent à l’équipe appropriée. Décidez si NanoClaw doit être connecté. AgentGrid documente un flux d’invitations pour les agents, mais cette invitation n’établit pas que NanoClaw est livré avec une intégration AgentGrid. Pour l’itinéraire le plus simple, n’invitez pas NanoClaw : demandez à un humain de collecter sa sortie et de l’importer. Si vous expérimentez une connexion d’agent, suivez la configuration documentée des deux produits, utilisez uniquement l’accès nécessaire et testez d’abord avec un artefact non sensible.

Notez le livrable prévu avant de demander à l’assistant de le construire. Par exemple : un microsite d’événement d’une page, avec une copie finale, une note de crédit d’image et une liste d’hypothèses. Gardez les messages privés et la configuration locale en dehors de ce brief et du téléchargement.

2. Apportez un artefact délimité

Demandez à NanoClaw de préparer le livrable sous forme de fichiers ordinaires à l’emplacement que vous lui avez intentionnellement mis à disposition. Examinez les fichiers localement avant le transfert. Pour une page Web, regroupez les éléments HTML, CSS, JavaScript et les ressources requises dans un fichier ZIP, puis utilisez l’importation ZIP de AgentGrid. Pour un livrable en prose, importez un document pris en charge ou créez un document AgentGrid et collez le brouillon approuvé. Ouvrez le nouvel artefact et recherchez les images manquantes, les liens rompus, les secrets accidentels et les réclamations provenant du contexte de discussion plutôt que d’une source vérifiée. Il s’agit d’une importation manuelle et non d’une synchronisation automatique NanoClaw.

3. Acheminer les commentaires vers l’artefact

Envoyez un coéquipier à l’artefact AgentGrid, et non à la conversation privée NanoClaw. Demandez-leur de commenter l’aperçu ou le document spécifique : où le CTA n’est-il pas clair, quelle déclaration nécessite une source et qu’est-ce qui empêcherait la publication ? Les commentaires de AgentGrid fournissent une surface de révision partagée. Révisez l’artefact AgentGrid directement lorsque cela est possible. La réimportation de fichiers locaux crée un nouvel artefact, donnez donc aux réviseurs son nouveau lien. Les copies ne restent pas synchronisées.

4. Publiez après une vérification humaine explicite

Demandez au propriétaire de vérifier l’artefact final, d’approuver sa portée publique, puis d’utiliser l’action de publication de AgentGrid. Ouvrez la page publiée en dehors de l’espace de travail pour vérifier la vue réelle du visiteur. Si une autre exécution de NanoClaw modifie les fichiers locaux ou si vous modifiez l’artefact de l’espace de travail ultérieurement, la version publiée ne suit pas automatiquement ; répétez le processus de révision et de publication pour la nouvelle version. Gardez la décision d’exposer publiquement le travail avec une personne.

Commencez avec un projet et un espace de travail sécurisé

Supposons que vous souhaitiez un portfolio pour un photographe indépendant. Préparez un dossier de projet avec des images approuvées, des légendes, des coordonnées et un brief. NanoClaw dépôt officiel décrit un agent auto-hébergé qui exécute des sessions dans des conteneurs isolés ; ses instructions de configuration expliquent comment l’installer et associer un canal de messagerie. Il s’agit de la configuration d’un agent et non du déploiement d’un site Web.

Donnez à l’agent l’accès uniquement aux fichiers de projet dont il a besoin. Conservez les informations d’identification de production, les clés de paiement et l’accès au registraire de domaine en dehors du dossier de travail. Si l’agent ne peut pas lire les fichiers, inspectez son espace de travail ou ses montages autorisés plutôt que d’élargir l’accès à l’ensemble de votre machine. Choisissez un site statique, sauf si votre brief nécessite réellement une base de données, des comptes ou un comportement de serveur.

Configurez l’agent sans ouvrir toute votre machine

Le référentiel NanoClaw décrit la configuration via son script d’installation, un canal de communication couplé et une isolation de conteneur par agent. Le conteneur ne voit que les chemins explicitement montés. Placez les images de portefeuille approuvées et copiez-les dans un répertoire de projet délimité, puis autorisez l’agent approprié à utiliser ce répertoire. S’il ne peut pas accéder à un fichier, inspectez les montages configurés ; ne résolvez pas le problème en accordant l’accès à votre répertoire personnel ou à un dossier de secrets de production.

Invite : Créez un site Web de portfolio statique réactif à partir des images approuvées et copiez-les dans ce dossier de projet. Incluez une galerie, une page à propos, des coordonnées, un texte alternatif de l’image, des titres de page descriptifs et un lien de demande clair. N’utilisez pas de photos externes et n’inventez pas de témoignages de clients. Enregistrez les fichiers sources ici, expliquez comment les prévisualiser localement et ne les déployez pas.

Examinez le site généré avant tout déploiement

Demandez l’arborescence des fichiers, les instructions de construction et l’emplacement de la sortie générée. Exécutez le projet localement ou demandez à un développeur de le faire. Vérifiez la disposition du téléphone et du bureau, le chargement des images, la navigation, les formulaires et les liens rompus. Validez les bases de l’accessibilité et les métadonnées. Un message de discussion indiquant que le site est prêt ne prouve pas qu’une version de production a été réussie.

Conservez une copie de la source dans le contrôle de version si cela correspond au flux de travail de votre équipe. Vérifiez quels fichiers l’agent a modifiés et assurez-vous qu’il n’a pas commis de secrets, d’images sans licence ou de dépendances inattendues. Si l’action de contact utilise le courrier électronique plutôt qu’un backend de formulaire fonctionnel, décrivez-la avec précision au photographe. Une conception statique avec un faux bouton de soumission n’est pas un canal de contact fonctionnel.

Invite : Exécutez la version documentée du projet et signalez la commande et le résultat exacts. Corrigez les liens rompus et les débordements mobiles, puis montrez-moi les fichiers modifiés. Ne téléchargez pas de fichiers, ne les transférez pas vers un référentiel et ne publiez rien sans mon approbation séparée.

Utilisez une liste de contrôle d’assurance qualité de site Web concrète

• Exécutez les commandes d’installation et de construction documentées dans l’environnement du projet ; enregistrer la sortie réelle et les erreurs.
• Ouvrez l’aperçu local sur les ordinateurs de bureau et les appareils mobiles, et testez les images, les menus et chaque lien de demande de la galerie.
• Vérifiez la mise au point du clavier, le texte alternatif, la structure des titres et le contraste lisible.
• Confirmez le titre et la description de chaque page et dites ce que propose la page, sans copier les mêmes métadonnées partout.
• Inspectez les fichiers modifiés à la recherche d’informations d’identification, de dépendances surprises, de texte copié et d’actifs dont les droits d’utilisation ne sont pas clairs.

Choisissez une voie de publication externe

Pour un site statique, utilisez un hôte qui accepte la sortie de build de votre framework ou un référentiel Git connecté. Un développeur peut configurer l’hôte, la commande de construction, le répertoire de sortie, les variables d’environnement et le domaine. Effectuez ensuite un déploiement de production et ouvrez son URL publique pour vérifier le contenu réel. NanoClaw lui-même n’est pas le fournisseur d’hébergement ; un agent en cours d’exécution sur votre ordinateur portable ou votre serveur n’est pas la même chose qu’un site Web public.

NanoClaw catalogue de compétences listes facultatives /add-vercel outils pour équiper les agents sélectionnés avec les capacités Vercel. Il s’agit d’une fonctionnalité de déploiement externe, et non d’un écran de publication NanoClaw intégré, et elle n’est pas présente dans chaque installation. Suivez les instructions de compétence actuelles et autorisez l’agent et le projet spécifiques avant de demander un déploiement. Vous pouvez plutôt déployer vous-même les fichiers révisés via le tableau de bord ou le pipeline CI d’un hôte.

Invite : J’ai approuvé la version révisée dans [chemin du projet]. Si cet agent dispose des outils Vercel autorisés, déployez uniquement ce projet sur le compte et le projet spécifiés, puis renvoyez l’URL et l’état du déploiement. Si l’intégration n’est pas disponible, arrêtez-vous et donnez-moi le résultat de la construction et les étapes de déploiement manuel. Ne modifiez pas le domaine DNS.

Après le déploiement, testez la page publique à partir d’un navigateur distinct, vérifiez le domaine et HTTPS, puis ouvrez chaque CTA. Enregistrez la révision déployée afin de pouvoir revenir en arrière. Un lien vers un aperçu local, un référentiel ou une conversation d’agent ne remplace pas une URL de déploiement publique.

Capacité d’agent natif par rapport au déploiement externe

Le catalogue de compétences actuel NanoClaw répertorie /add-vercel en tant que compétence d’installation d’outils qui équipe les agents sélectionnés d’un accès Vercel CLI et d’une injection d’informations d’identification. C’est facultatif. Vérifiez quel agent possède la compétence, quel compte il atteint et quel projet recevra la build avant de demander une action de production. Une compétence CLI ne crée pas de service d’hébergement appartenant à NanoClaw.

Comment cela se compare-t-il à un transfert d’artefact ?

Si un spécialiste du marketing et un développeur doivent tous deux réviser le même brouillon, un artefact partagé peut rendre le transfert plus clair, à condition que vous importiez ou connectiez explicitement le travail et vérifiiez les autorisations. Le Procédure pas à pas de publication de Muse montre ce modèle distinct de révision et de publication. Lisez pourquoi le travail entre humains et agents nécessite une maison partagée et comment partager un fichier entre deux assistants. Aucun de ces articles n’établit une intégration native de NanoClaw à AgentGrid ou n’y déplace automatiquement vos fichiers.

Pour un chemin de révision partagé, vous pouvez importer manuellement un dossier ou un fichier ZIP approprié dans AgentGrid.io, ce qui crée un artefact d’application distinct avec son propre historique et ses propres contrôles d’accès. Conservez ensemble la source, les images et le point d’entrée du photographe ; laissez de côté les dépendances et les secrets. Vérifiez que l’artefact rendu correspond à l’aperçu local. Une nouvelle importation ne synchronisera pas les modifications locales ultérieures avec l’artefact précédent.

Erreurs de lancement courantes à éviter

Sortie de chat confuse avec un déploiement : Un message contenant du code ou une URL locale n’est pas un site hébergé. Exigez une adresse publique et vérifiez-la dans un navigateur déconnecté.

Élargir l’accès pour faire fonctionner la construction : Les montages de conteneurs et les informations d’identification de déploiement résolvent différents problèmes. Donnez au constructeur uniquement les fichiers de projet et autorisez une identité de déploiement uniquement lorsque la cible de production est connue.

Publier la mauvaise révision : Enregistrez la version révisée du commit ou de l’artefact. Si quelqu’un modifie la galerie après la signature, répétez les vérifications pertinentes avant la mise en ligne de la nouvelle révision.

Ignorer les contrôles post-lancement : Revisitez le chemin du contact en direct, les URL des images, les métadonnées des pages et la navigation mobile après DNS et les modifications du cache. Conservez le déploiement précédent disponible pour une restauration lorsque votre hôte le prend en charge.

FAQ

NanoClaw héberge-t-il des sites Web ?

Non. Il s’agit d’un environnement d’exécution d’agent. L’hébergement nécessite une plate-forme ou une infrastructure distincte que vous exploitez.

NanoClaw peut-il être déployé sur Vercel ?

Potentiellement, si vous ajoutez des outils Vercel facultatifs, configurez l’accès et autorisez explicitement un déploiement. Vérifiez la fonctionnalité de votre installation avant de vous y fier.

Le partage de l’aperçu local est-il suffisant pour lancer ?

Non. Un aperçu local prouve uniquement que le site s’affiche dans cet environnement. Déployez sur un hôte public et testez l’URL renvoyée.

Conclusion : Laissez NanoClaw rédiger et tester le site Web dans un espace de travail limité. Utilisez un workflow de déploiement distinct et approuvé pour le rendre public, puis vérifiez la page en direct.