For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegación principal
Codex

Codex use case

Desplegar una aplicación o un sitio web

Crea o actualiza una aplicación web, despliega una vista previa y obtén una URL activa.

Difficulty Intermedio
Time horizon 30 min

Usa Codex con Build Web Apps y Vercel para convertir un repositorio, una captura de pantalla, un diseño o una idea preliminar de una aplicación en un despliegue de vista previa funcional que puedas compartir.

Ideal para

  • Convertir una captura de pantalla, un mapa, un brief de diseño o una idea preliminar de una aplicación en una vista previa web funcional
  • Desplegar una rama o una aplicación local sin configurar manualmente los comandos de Vercel
  • Compartir una URL activa después de que Codex ejecute la compilación y verifique el despliegue

Contents

    ← Todos los casos de uso

    Desplegar una aplicación o un sitio web

    Crea o actualiza una aplicación web, despliega una vista previa y obtén una URL activa.

    Usa Codex con Build Web Apps y Vercel para convertir un repositorio, una captura de pantalla, un diseño o una idea preliminar de una aplicación en un despliegue de vista previa funcional que puedas compartir.

    Intermedio
    30 min

    Usa Codex con Build Web Apps y Vercel para convertir un repositorio, una captura de pantalla, un diseño o una idea preliminar de una aplicación en un despliegue de vista previa funcional que puedas compartir.

    Intermedio
    30 min

    Ideal para

    • Convertir una captura de pantalla, un mapa, un brief de diseño o una idea preliminar de una aplicación en una vista previa web funcional
    • Desplegar una rama o una aplicación local sin configurar manualmente los comandos de Vercel
    • Compartir una URL activa después de que Codex ejecute la compilación y verifique el despliegue

    Habilidades y complementos

    • Crea, revisa y prepara aplicaciones web con orientación sobre React, interfaces de usuario, despliegue, pagos y bases de datos.
    • Despliega vistas previas, inspecciona despliegues, consulta los registros de compilación y administra la configuración de los proyectos de Vercel.
    Skill Why use it
    Build Web Apps Crea, revisa y prepara aplicaciones web con orientación sobre React, interfaces de usuario, despliegue, pagos y bases de datos.
    Vercel Despliega vistas previas, inspecciona despliegues, consulta los registros de compilación y administra la configuración de los proyectos de Vercel.

    Prompt inicial

    Usa @build-web-apps para convertir [repo, screenshot, design, or rough app idea] en un sitio web funcional. Luego, usa @vercel para desplegar una vista previa y entrégame la URL activa. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de entregármelo, ejecuta la compilación local y verifica que el despliegue esté listo.
    Usa @build-web-apps para convertir [repo, screenshot, design, or rough app idea] en un sitio web funcional. Luego, usa @vercel para desplegar una vista previa y entrégame la URL activa. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de entregármelo, ejecuta la compilación local y verifica que el despliegue esté listo.

    Comienza con el sitio y el destino del despliegue

    Codex puede crear o actualizar un sitio web o una aplicación, ejecutar las verificaciones del proyecto, realizar el despliegue en Vercel y devolver la URL.

    Una entrega útil incluye material concreto: un repositorio, una captura de pantalla, un mapa, un brief de diseño, una nota de producto, documentación de una API o una fuente de datos. Codex debe inspeccionar el proyecto antes de modificarlo y luego usar el complemento de Vercel para desplegar una vista previa de forma predeterminada.

    Usa @build-web-apps cuando Codex necesite crear o perfeccionar la aplicación. Usa @vercel cuando deba desplegarla, inspeccionar el despliegue o consultar los registros de compilación de Vercel.

    Usa @build-web-apps para convertir [repo, screenshot, design, or rough app idea] en un sitio web funcional. Luego, usa @vercel para desplegar una vista previa y entrégame la URL activa. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de entregármelo, ejecuta la compilación local y verifica que el despliegue esté listo.

    Verifica el resultado antes de compartirlo

    Codex debe indicarte qué cambios hizo, qué comando usó para compilar el proyecto y si el despliegue en Vercel está listo. Si el despliegue requiere configurar una variable de entorno, elegir un equipo, configurar un dominio o iniciar sesión, Codex debe señalarlo en lugar de fingir que el sitio está terminado.

    Haz explícitos los cambios en producción. Un despliegue de vista previa es la opción predeterminada; solicita un despliegue en producción solo cuando esa sea realmente tu intención.

    Itera a partir de la URL activa

    Cuando tengas la vista previa, mantén abierto el mismo chat. Pídele a Codex que abra la URL, corrija problemas de diseño, actualice los textos, integre los datos que faltan o consulte los registros de Vercel si falla el despliegue. El chat ya tiene el contexto del repositorio, el despliegue y la compilación.

    Conviene que las solicitudes de seguimiento sean específicas:

    • “Hay muy poco espacio en el diseño para dispositivos móviles. Corrígelo y vuelve a desplegar la vista previa.”
    • “Usa el mismo proyecto y agrega los datos más recientes de [source].”
    • “Lee los registros de la compilación fallida y corrige el despliegue.”

    Casos de uso relacionados