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
Theme
Codex

Codex use case

Implante um aplicativo ou site

Crie ou atualize um aplicativo web, publique uma prévia e obtenha a URL para acessá-la.

Difficulty Intermediate
Time horizon 30m

Use o Codex com os plugins Build Web Apps e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma prévia funcional que você pode compartilhar por link.

Best for

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

Contents

    ← All use cases

    Implante um aplicativo ou site

    Crie ou atualize um aplicativo web, publique uma prévia e obtenha a URL para acessá-la.

    Use o Codex com os plugins Build Web Apps e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma prévia funcional que você pode compartilhar por link.

    Intermediate
    30m

    Use o Codex com os plugins Build Web Apps e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma prévia funcional que você pode compartilhar por link.

    Intermediate
    30m

    Best for

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

    Skills & Plugins

    • Crie, revise e prepare aplicativos web com orientações sobre React, interfaces de usuário, implantação, pagamentos e bancos de dados.
    • Publique prévias, inspecione implantações, consulte os logs de build e gerencie as configurações de projetos na Vercel.
    Skill Why use it
    Build Web Apps Crie, revise e prepare aplicativos web com orientações sobre React, interfaces de usuário, implantação, pagamentos e bancos de dados.
    Vercel Publique prévias, inspecione implantações, consulte os logs de build e gerencie as configurações de projetos na Vercel.

    Starter prompt

    Use @build-web-apps para transformar [repo, screenshot, design, or rough app idea] em um site funcional. Depois, use @vercel para publicar uma prévia e me enviar a URL de acesso. 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 enviar a URL, execute o build local e confirme que 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 publicar uma prévia e me enviar a URL de acesso. 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 enviar a URL, execute o build local e confirme que a implantação está pronta.

    Comece pelo site e defina onde publicá-lo

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

    Para começar, dê ao Codex algo concreto com que trabalhar: um repositório, uma captura de tela, um mapa, um resumo dos requisitos de design, uma nota sobre o produto, a documentação de uma API ou uma fonte de dados. O Codex deve examinar o projeto antes de alterá-lo e, por padrão, usar o plugin da Vercel para publicar uma prévia.

    Use @build-web-apps quando o Codex precisar criar ou aprimorar o aplicativo. Use @vercel para pedir ao Codex que publique o projeto, verifique a implantação ou consulte os logs de build da Vercel.

    Use @build-web-apps para criar um site funcional a partir de [repo, screenshot, design, or rough app idea]. Depois, use @vercel para publicar uma prévia e me passar a URL para acessá-la. 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 passar a URL, execute o build localmente e confirme que a implantação está pronta.

    Confira o resultado antes de compartilhá-lo

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

    Seja explícito ao pedir alterações em produção. Por padrão, o Codex publica uma prévia. Só peça uma implantação em produção quando essa for a sua intenção.

    Continue aprimorando o site a partir da URL da prévia

    Quando a prévia estiver disponível, mantenha o mesmo chat aberto. Peça ao Codex que abra a URL, corrija problemas de layout, atualize os textos, conecte as fontes de dados que faltam ou consulte os logs da Vercel se a implantação falhar. O chat já tem as informações sobre o repositório, a implantação e o build.

    Faça pedidos específicos, como estes:

    • “No celular, os elementos estão muito próximos uns dos outros. Ajuste o espaçamento e publique a prévia novamente.”
    • “Use o mesmo projeto e adicione os dados mais recentes de [source].”
    • “Consulte os logs do build que falhou e corrija o problema na implantação.”

    Related use cases