For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navigation principale
Codex

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.

Difficulty Intermédiaire
Time horizon 30 min

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

    ← Tous les cas d’utilisation

    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.

    Intermédiaire
    30 min

    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.

    Intermédiaire
    30 min

    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

    Utilisez @build-web-apps pour transformer [repo, screenshot, design, or rough app idea] en un site web fonctionnel. Utilisez ensuite @vercel pour déployer un aperçu et me transmettre l’URL en ligne. Contexte : - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Avant de me livrer le résultat, exécutez le build local et vérifiez que le déploiement est prêt.
    Utilisez @build-web-apps pour transformer [repo, screenshot, design, or rough app idea] en un site web fonctionnel. Utilisez ensuite @vercel pour déployer un aperçu et me transmettre l’URL en ligne. Contexte : - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Avant de me livrer le résultat, exécutez le build local et vérifiez que le déploiement est prêt.

    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.

    Utilisez @build-web-apps pour transformer [repo, screenshot, design, or rough app idea] en un site web fonctionnel. Utilisez ensuite @vercel pour déployer un aperçu et me transmettre l’URL en ligne. Contexte : - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Avant de me livrer le résultat, exécutez le build local et vérifiez que le déploiement est prêt.

    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