Codex use case
Déployer une application ou un site web
Créez ou mettez à jour une application web, déployez un aperçu et obtenez son URL.
Avec Codex, Build Web Apps et Vercel, partez d’un dépôt, d’une capture d’écran, d’une maquette ou d’une première idée d’application pour déployer un aperçu fonctionnel que vous pourrez partager.
Best for
- Créer un aperçu web fonctionnel à partir d’une capture d’écran, d’une carte, d’un brief de design ou d’une première idée d’application
- Déployer une branche ou une application locale sans avoir à enchaîner manuellement les commandes Vercel
- Partager l’URL de l’aperçu une fois que Codex a exécuté le build et vérifié le déploiement
Contents
Déployer une application ou un site web
Créez ou mettez à jour une application web, déployez un aperçu et obtenez son URL.
Avec Codex, Build Web Apps et Vercel, partez d’un dépôt, d’une capture d’écran, d’une maquette ou d’une première idée d’application pour déployer un aperçu fonctionnel que vous pourrez partager.
Avec Codex, Build Web Apps et Vercel, partez d’un dépôt, d’une capture d’écran, d’une maquette ou d’une première idée d’application pour déployer un aperçu fonctionnel que vous pourrez partager.
Related links
Best for
- Créer un aperçu web fonctionnel à partir d’une capture d’écran, d’une carte, d’un brief de design ou d’une première idée d’application
- Déployer une branche ou une application locale sans avoir à enchaîner manuellement les commandes Vercel
- Partager l’URL de l’aperçu une fois que Codex a exécuté le build et vérifié le déploiement
Skills & Plugins
- Créez, passez en revue et préparez vos applications web à l’aide de conseils sur React, les interfaces utilisateur, le déploiement, les paiements et les bases de données.
- Déployez des aperçus, inspectez les déploiements, consultez les journaux de build et gérez les paramètres de vos projets Vercel.
| Skill | Why use it |
|---|---|
| Build Web Apps | Créez, passez en revue et préparez vos applications web à l’aide de conseils sur React, les interfaces utilisateur, le déploiement, les paiements et les bases de données. |
| Vercel | Déployez des aperçus, inspectez les déploiements, consultez les journaux de build et gérez les paramètres de vos projets Vercel. |
Starter prompt
Précisez le site à créer et la cible de déploiement
Codex peut créer ou mettre à jour un site web ou une application, exécuter les vérifications du projet, déployer le résultat avec Vercel et vous fournir son URL.
Donnez à Codex un point de départ concret : un dépôt, une capture d’écran, une carte, un brief de conception, une note produit, la documentation d’une API ou une source de données. Codex doit examiner le projet avant de le modifier, puis utiliser le plugin Vercel pour déployer un aperçu par défaut.
Utilisez @build-web-apps pour demander à Codex de créer ou de peaufiner l’application. Utilisez @vercel pour lui demander de la déployer, de vérifier le déploiement ou de consulter les journaux de build de Vercel.
Vérifiez le résultat avant de le partager
Codex doit vous indiquer ce qu’il a modifié, quelle commande il a exécutée pour lancer le build du projet et si le déploiement Vercel est prêt. S’il reste à définir une variable d’environnement, à choisir une équipe, à configurer un domaine ou à vous connecter pour terminer le déploiement, Codex doit vous le signaler avant de présenter le site comme terminé.
Demandez explicitement toute modification en production. Par défaut, Codex déploie un aperçu. Demandez un déploiement en production uniquement si c’est bien votre intention.
Poursuivez le travail à partir de l’URL de l’aperçu
Une fois l’aperçu disponible, gardez la même discussion ouverte. Demandez à Codex d’ouvrir l’URL, de corriger la mise en page, de modifier les textes, de connecter les sources de données manquantes ou de consulter les journaux de Vercel si le déploiement échoue. La discussion contient déjà les informations sur le dépôt, le déploiement et le build.
Formulez des demandes précises :
- « Sur mobile, les éléments sont trop serrés. Corrigez la mise en page et redéployez l’aperçu. »
- « Utilisez le même projet et ajoutez les dernières données de [source]. »
- « Consultez les journaux du build qui a échoué et corrigez le problème de déploiement. »
Related use cases
Créer et déployer des applications internes
Utilisez Sites dans ChatGPT Work pour créer et tester une application interne dédiée à votre...
Créer une visite guidée avec l’IA
Utilisez Codex et WebMCP pour ajouter une visite guidée à votre application web
Passez de l’idée à la preuve de concept
Avec Codex et ImageGen, partez d’une idée encore vague pour définir une piste visuelle