> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Publique seu app

> Coloque seu app online com uma URL pública que você pode compartilhar — em quatro cliques.

export const YouTubeEmbed = ({videoId, title = "YouTube video", startAt}) => {
  if (!videoId) {
    return null;
  }
  let url = "https://www.youtube.com/embed/" + videoId;
  if (startAt) {
    url = url + "?start=" + startAt;
  }
  return <Frame>
      <iframe src={url} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
    </Frame>;
};

<YouTubeEmbed videoId="ski8_MUYO4M" title="Publique seu app no Replit" />

Coloque seu Replit App online com uma URL pública que você pode compartilhar. O botão **Publicar** faz isso em quatro cliques.

## Publique seu app

<Steps>
  <Step title="Clique em Publicar no Editor de Projeto">
    Abra seu projeto. No canto superior direito do Editor de Projeto, selecione **Publicar**.

    <Note>
      A publicação está disponível em todos os planos. O plano Starter gratuito inclui 1 app publicado. O Replit Core e o Pro removem esse limite e adicionam mais opções de publicação.
    </Note>

    <Frame>
      <img src="https://mintcdn.com/replit/DJAysPyGu4yUsaj3/images/publish-quickstart/01-publish-button.png?fit=max&auto=format&n=DJAysPyGu4yUsaj3&q=85&s=ef50e4f6387bf64bdc6603209c1f399b" alt="A barra superior do Editor de Projeto do Replit com o botão Publicar destacado no canto superior direito" width="2000" height="1074" data-path="images/publish-quickstart/01-publish-button.png" />
    </Frame>
  </Step>

  <Step title="Configure seu app no diálogo de publicação">
    O diálogo de publicação é aberto. Escolha seu **Domínio** — ele é preenchido automaticamente, mas você pode alterá-lo. Escolha quem pode acessar o app (**Público**, **Somente por convite**, etc.) e, se quiser, ative o widget de feedback. Em seguida, selecione **Publicar**.

    <Frame>
      <img src="https://mintcdn.com/replit/DJAysPyGu4yUsaj3/images/publish-quickstart/02-publish-dialog.png?fit=max&auto=format&n=DJAysPyGu4yUsaj3&q=85&s=2ae9589ccad9f1a49ade6efa86ff4e6f" alt="O diálogo de publicação mostrando o campo Domínio com um subdomínio velocity-car-rental.replit.app, o menu suspenso Quem pode acessar seu app definido como Somente por convite, uma seção Ferramentas de engajamento com o toggle do widget de feedback, e o botão Publicar destacado no canto inferior direito" width="914" height="848" data-path="images/publish-quickstart/02-publish-dialog.png" />
    </Frame>
  </Step>

  <Step title="Aguarde as etapas de publicação">
    O Replit executa as etapas **Provisionar → Verificação de Segurança → Compilar → Empacotar → Promover**. Isso geralmente leva um ou dois minutos.

    <Frame>
      <img src="https://mintcdn.com/replit/DJAysPyGu4yUsaj3/images/publish-quickstart/03-publishing-stages.png?fit=max&auto=format&n=DJAysPyGu4yUsaj3&q=85&s=b7a256d4331a68ba822b7b6d513b762a" alt="A aba de Publicação mostrando a barra de progresso de cinco etapas com Provisionar e Verificação de Segurança concluídos (marcas de verificação verdes), Compilar também concluído, Empacotar em andamento (spinner azul) e Promover pendente" width="2000" height="1151" data-path="images/publish-quickstart/03-publishing-stages.png" />
    </Frame>
  </Step>

  <Step title="Abra seu app publicado na URL">
    Seu app está online. Selecione a URL `.replit.app` na aba de Publicação para abri-lo. Compartilhe essa URL onde quiser — qualquer pessoa com o link (sujeita às suas configurações de acesso) pode usar o app.

    <Frame>
      <img src="https://mintcdn.com/replit/DJAysPyGu4yUsaj3/images/publish-quickstart/04-app-published.png?fit=max&auto=format&n=DJAysPyGu4yUsaj3&q=85&s=0b611d7fc9249b433bc28d221350c458" width="2000" height="1159" data-path="images/publish-quickstart/04-app-published.png" />
    </Frame>
  </Step>
</Steps>

## Atualize seu app

Toda vez que você fizer alterações e selecionar **Publicar** novamente, seu app é atualizado na mesma URL. Os visitantes obtêm a versão mais recente no próximo carregamento — não é necessário compartilhar um novo link.

## Próximos passos

<CardGroup cols={2}>
  <Card title="Adicionar um domínio personalizado" icon="globe" href="/build/add-custom-domain">
    Use seu próprio domínio em vez de `.replit.app`.
  </Card>

  <Card title="Tipos de implantação" icon="server" href="/learn/projects-and-artifacts/replit-deployments">
    Compare implantações Autoescala, VM Reservada, Estática e Programada.
  </Card>

  <Card title="Solucionar problemas de publicação" icon="triangle-exclamation" href="/build/troubleshooting">
    Problemas comuns de publicação e como resolvê-los.
  </Card>
</CardGroup>