---
title: Vitrine e publicação
description: Visualize, edite, versione, publique e verifique sua loja Runner.
---

Use esta seção para mover uma loja de uma visualização no aplicativo para uma loja ao vivo verificada. Cada página cobre uma tarefa e explica o que cada controle importante faz.

![Prévia e controles da loja Runner](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgkyhbRgjXIfFwWx7Qu1lJBZMSPHcazYdR0voC)

## O que este guia cobre

Escolha o guia que corresponde à sua tarefa atual de loja, sem confundir uma visualização editável com uma loja ao vivo e comprável.

## Entenda os quatro estados da loja

| Estado | O que significa | O que não prova |
| --- | --- | --- |
| **Visualização** | Runner está mostrando uma cópia de trabalho dentro do seu projeto. Você pode revisar páginas e layouts. | A loja não é necessariamente pública. |
| **Publicar** | Runner verifica e envia a versão atual para um URL de loja pública pela primeira vez. | Produtos, estoque, envio, pagamentos e checkout não são verificados automaticamente. |
| **Publicar Alterações** | Uma loja ao vivo já existe e Runner pode enviar alterações mais recentes para ela. | Alterações não salvas ou inacabadas ainda não estão ao vivo. |
| **Republicar** | Runner pode tentar novamente após uma publicação falhada ou uma publicação concluída que não retornou um URL utilizável. | Não é o rótulo normal para publicar novas alterações em uma loja ao vivo saudável. |

## Escolha uma tarefa

| O que você quer fazer | Guia | Resultado |
| --- | --- | --- |
| Revise a loja atual | [Visualizar sua loja](./preview-your-store.mdx) | Verifique páginas, rotas, comportamento de atualização e layouts responsivos. |
| Faça alterações visuais | [Usar o Modo de Design](./design-mode.mdx) | Selecione um elemento e abra os controles de edição. |
| Altere textos, espaçamento, tipo ou imagens | [Editar conteúdo, páginas e mídia](./edit-content-pages-and-media.mdx) | Atualize uma página visível e salve o resultado. |
| Inspecione ou altere um arquivo de loja | [Inspecionar e editar o código da vitrine](./inspect-and-edit-code.mdx) | Abra o editor de código condicional, salve uma alteração de arquivo focada e revise seu estado Git. |
| Compare ou recupere um estado anterior | [Usar o histórico de versões](./version-history.mdx) | Visualize uma versão ou restaure-a como uma nova versão atual. |
| Verifique se a loja está pronta | [Preparar para publicar](./prepare-to-publish.mdx) | Resolva ou reconheça explicitamente as verificações mostradas pelo Runner. |
| Coloque as alterações online | [Publicar e republicar](./publish-and-republish.mdx) | Inicie o fluxo de publicação correto para o estado atual. |
| Prove que a jornada do cliente funciona | [Verificar a loja ativa e o checkout](./live-store-and-checkout.mdx) | Confirme o catálogo público, carrinho e checkout separadamente. |
| Use seu próprio endereço web | [Conectar um domínio personalizado](./custom-domains.mdx) | Adicione, compre, transfira, renove ou diagnostique um domínio elegível. |
| Recupere de um estado bloqueado | [Solucionar problemas de visualização e publicação](./troubleshoot-preview-and-publishing.mdx) | Corresponda a mensagem na tela à ação segura seguinte. |

## Ordem recomendada para um primeiro lançamento

1. Revise a versão mais recente em [Visualização](./preview-your-store.mdx).
2. Faça e salve qualquer edição visual em [Modo de Design](./design-mode.mdx).
3. Verifique os [pré-requisitos de publicação](./prepare-to-publish.mdx).
4. Selecione **Publicar** e siga o fluxo de confirmação.
5. Abra o URL público e [verifique o catálogo e checkout](./live-store-and-checkout.mdx).
6. Adicione um [domínio personalizado](./custom-domains.mdx) apenas após a primeira publicação bem-sucedida.

## Disponibilidade e segurança

- **Modo de Design** é condicional. É destinado a uma versão mais recente pronta em um layout de desktop e pode estar indisponível enquanto Runner está funcionando.
- **Abrir editor de código** é condicional. Salvar, fazer commit, fazer push, publicar e verificar a loja ao vivo são resultados separados.
- A publicação pode ser limitada por plano ou estado da loja. Siga a mensagem mostrada no seu workspace em vez de assumir que cada conta tem o mesmo acesso.
- Uma confirmação de publicação pode permitir que você reconheça a configuração incompleta. Essa escolha pode colocar uma loja navegável online enquanto o checkout permanece pausado ou incompleto.

## Guias relacionados

- [Boas-vindas ao Runner AI](../product-guide.mdx)
- [Inspecionar e editar o código da vitrine](./inspect-and-edit-code.mdx)
- [Solucionar problemas de visualização e publicação](./troubleshoot-preview-and-publishing.mdx)