For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegação principal
Codex

Codex use case

Implantar um aplicativo ou site

Crie ou atualize um aplicativo web, implante uma prévia e obtenha uma URL ativa.

Difficulty Intermediário
Time horizon 30 min

Use o Codex com os plug-ins Criar aplicativos web e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma implantação de prévia funcional que você possa compartilhar.

Ideal para

  • Transformar uma captura de tela, um mapa, um briefing de design ou uma ideia inicial de aplicativo em uma prévia web funcional
  • Implantar uma branch ou um aplicativo local sem configurar manualmente os comandos da Vercel
  • Compartilhar uma URL ativa depois que o Codex executar o build e verificar a implantação

Contents

    ← Todos os casos de uso

    Implantar um aplicativo ou site

    Crie ou atualize um aplicativo web, implante uma prévia e obtenha uma URL ativa.

    Use o Codex com os plug-ins Criar aplicativos web e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma implantação de prévia funcional que você possa compartilhar.

    Intermediário
    30 min

    Use o Codex com os plug-ins Criar aplicativos web e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma implantação de prévia funcional que você possa compartilhar.

    Intermediário
    30 min

    Ideal para

    • Transformar uma captura de tela, um mapa, um briefing de design ou uma ideia inicial de aplicativo em uma prévia web funcional
    • Implantar uma branch ou um aplicativo local sem configurar manualmente os comandos da Vercel
    • Compartilhar uma URL ativa depois que o Codex executar o build e verificar a implantação

    Habilidades e Plug-ins

    • Crie, revise e prepare aplicativos web com orientações sobre React, UI, implantação, pagamentos e bancos de dados.
    • Implante prévias, inspecione implantações, leia logs de build e gerencie as configurações do projeto na Vercel.
    Skill Why use it
    Build Web Apps Crie, revise e prepare aplicativos web com orientações sobre React, UI, implantação, pagamentos e bancos de dados.
    Vercel Implante prévias, inspecione implantações, leia logs de build e gerencie as configurações do projeto na Vercel.

    Prompt inicial

    Use @build-web-apps para transformar [repo, screenshot, design, or rough app idea] em um site funcional. Depois, use @vercel para implantar uma prévia e me fornecer a URL ativa. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de me devolver o resultado, execute o build local e verifique se a implantação está pronta.
    Use @build-web-apps para transformar [repo, screenshot, design, or rough app idea] em um site funcional. Depois, use @vercel para implantar uma prévia e me fornecer a URL ativa. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de me devolver o resultado, execute o build local e verifique se a implantação está pronta.

    Comece pelo site e pelo destino da implantação

    O Codex pode criar ou atualizar um site ou aplicativo, executar as verificações do projeto, implantá-lo com a Vercel e fornecer a URL.

    O material fornecido deve ser concreto: um repositório, uma captura de tela, um mapa, um briefing de design, uma nota sobre o produto, a documentação de uma API ou uma fonte de dados. O Codex deve inspecionar o projeto antes de alterá-lo e, depois, usar o plug-in da Vercel para implantar uma prévia por padrão.

    Use @build-web-apps quando o Codex precisar criar ou aprimorar o aplicativo. Use @vercel quando precisar implantar, inspecionar a implantação ou ler os logs de build da Vercel.

    Use @build-web-apps para transformar [repo, screenshot, design, or rough app idea] em um site funcional. Depois, use @vercel para implantar uma prévia e me fornecer a URL ativa. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de me devolver o resultado, execute o build local e verifique se a implantação está pronta.

    Verifique o resultado antes de compartilhá-lo

    O Codex deve informar o que alterou, qual comando usou para fazer o build do projeto e se a implantação da Vercel está pronta. Se a implantação exigir uma variável de ambiente, a escolha de uma equipe, uma configuração de domínio ou uma etapa de login, o Codex deve sinalizar isso em vez de tratar o site como concluído.

    Deixe explícitas as alterações em produção. Uma implantação de prévia é o padrão; só peça uma implantação em produção quando essa for realmente a intenção.

    Faça iterações a partir da URL ativa

    Assim que tiver a prévia, mantenha o mesmo chat aberto. Peça ao Codex para abrir a URL, corrigir problemas de layout, atualizar os textos, integrar os dados que faltam ou ler os logs da Vercel se a implantação falhar. O chat já tem o contexto do repositório, da implantação e do build.

    Boas solicitações de acompanhamento são específicas:

    • "O layout em dispositivos móveis está muito apertado. Corrija isso e reimplante a prévia."
    • "Use o mesmo projeto e adicione os dados mais recentes de [source]."
    • "Leia os logs do build que falhou e corrija a implantação."

    Casos de uso relacionados