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 une URL en ligne.
Utilisez Codex avec Build Web Apps et Vercel pour transformer un dépôt, une capture d’écran, une maquette ou une idée d’application encore vague en un aperçu fonctionnel déployé que vous pouvez partager.
Idéal pour
- Transformer une capture d’écran, une carte, un brief de design ou une idée d’application encore vague en un aperçu web fonctionnel
- Déployer une branche ou une application locale sans avoir à configurer manuellement les commandes Vercel
- Partager une URL en ligne après 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 une URL en ligne.
Utilisez Codex avec Build Web Apps et Vercel pour transformer un dépôt, une capture d’écran, une maquette ou une idée d’application encore vague en un aperçu fonctionnel déployé que vous pouvez partager.
Utilisez Codex avec Build Web Apps et Vercel pour transformer un dépôt, une capture d’écran, une maquette ou une idée d’application encore vague en un aperçu fonctionnel déployé que vous pouvez partager.
Liens connexes
Idéal pour
- Transformer une capture d’écran, une carte, un brief de design ou une idée d’application encore vague en un aperçu web fonctionnel
- Déployer une branche ou une application locale sans avoir à configurer manuellement les commandes Vercel
- Partager une URL en ligne après que Codex a exécuté le build et vérifié le déploiement
Skills et plugins
- Créez, révisez et préparez des applications web grâce à des conseils sur React, l’interface 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 des projets Vercel.
| Skill | Why use it |
|---|---|
| Build Web Apps | Créez, révisez et préparez des applications web grâce à des conseils sur React, l’interface 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 des projets Vercel. |
Prompt de démarrage
Commencez par le site et la cible de déploiement
Codex peut créer ou mettre à jour un site web ou une application, lancer les vérifications du projet, puis en effectuer le déploiement avec Vercel et renvoyer l’URL.
Pour bien démarrer, fournissez à Codex un point de départ concret : un dépôt, une capture d’écran, une carte, un brief de design, une note produit, une documentation d’API ou une source de données. Codex doit inspecter le projet avant de le modifier, puis utiliser le plugin Vercel afin de déployer un aperçu par défaut.
Utilisez @build-web-apps lorsque Codex doit créer ou peaufiner l’application. Utilisez @vercel lorsque Codex doit déployer l’application, inspecter le déploiement ou consulter les journaux de build Vercel.
Vérifiez le résultat avant de le partager
Codex doit vous indiquer les modifications apportées et la commande utilisée pour effectuer le build du projet, puis préciser si le déploiement Vercel est prêt. Si le déploiement nécessite une variable d’environnement, le choix d’une équipe, la configuration d’un domaine ou une étape de connexion, Codex doit vous le signaler plutôt que de faire comme si le site était terminé.
Toute modification en production doit être demandée explicitement. Un déploiement d’aperçu est effectué par défaut ; ne demandez un déploiement en production que si c’est bien votre intention.
Itérez à partir de l’URL en ligne
Une fois l’aperçu disponible, gardez la même discussion ouverte. Demandez à Codex d’ouvrir l’URL, de corriger les problèmes de mise en page, de mettre à jour les textes, d’intégrer les données manquantes ou de consulter les journaux Vercel si le déploiement échoue. La discussion contient déjà le contexte relatif au dépôt, au déploiement et au build.
Les demandes de suivi efficaces sont précises :
- "La mise en page est trop dense sur mobile. Corrigez-la 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 en échec et corrigez le déploiement."
Cas d’utilisation associés
Créer et déployer des applications internes
Utilisez Sites dans ChatGPT Work pour créer et tester une application interne ciblée...
Créez un guide interactif basé sur l’IA
Utilisez Codex pour ajouter un parcours guidé reposant sur WebMCP à votre application web
Passez de l’idée à la preuve de concept
Utilisez Codex avec ImageGen pour passer d’une idée encore sommaire à une orientation...