> ## 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.

# Expandir seu projeto

> Adicione um aplicativo mobile, apresentação de slides e muito mais a um projeto existente — tudo compartilhando o mesmo backend.

⏰ *Tempo estimado: 5 minutos* · Continuação de [Crie seu primeiro aplicativo](/getting-started/quickstarts/ask-ai)

Você criou um aplicativo web. Agora transforme-o em algo maior — adicione um aplicativo mobile, uma apresentação de slides ou qualquer outra coisa, tudo dentro do mesmo projeto. Tudo compartilha os mesmos dados e backend, então você não precisa começar do zero.

## Antes de começar

Você precisará de um projeto existente no Replit — de um guia de início rápido anterior ou de qualquer projeto que você tenha criado.

## Seu projeto pode fazer mais de uma coisa

Quando você criou seu primeiro aplicativo, criou um aplicativo web. Mas um único projeto no Replit não está limitado a uma saída. Você pode adicionar um **Aplicativo Mobile** que funciona em celulares, uma **apresentação de slides** para apresentar sua ideia, um **vídeo animado** e muito mais — tudo convivendo lado a lado no mesmo projeto.

Esses são chamados de **artefatos**. Cada artefato é uma saída publicável por conta própria, mas todos compartilham o mesmo código e dados nos bastidores. Crie uma vez, publique em qualquer lugar.

## Adicione um aplicativo mobile

<Steps>
  <Step title="Peça ao Agent para criar uma versão mobile">
    Diga ao Agent o que você quer:

    ```
    Adicione uma versão mobile deste aplicativo
    ```

    Você também pode clicar no botão **+** no painel de Visualização para adicionar um novo artefato.

    <Frame>
      <video autoPlay muted loop playsInline src="https://cdn.replit.com/sanity/design_mobile_app_canvas.mp4" />
    </Frame>

    O Agent cria um aplicativo mobile que compartilha o mesmo backend do seu aplicativo web — qualquer dado ou lógica que você já tenha criado é transferido automaticamente.
  </Step>

  <Step title="Visualize em um simulador de celular">
    Quando o Agent terminar, o painel de Visualização mostra seu aplicativo mobile sendo executado em um simulador de celular. Toque e teste como faria em um celular real.
  </Step>

  <Step title="Alterne entre seus aplicativos">
    Use o menu suspenso no **painel de Visualização** para alternar entre seu aplicativo web e o aplicativo mobile.

    <Frame>
      <video autoPlay muted loop playsInline src="https://cdn.replit.com/sanity/switch_artifacts.mp4" />
    </Frame>

    Você também pode perguntar ao Agent:

    ```
    Mostre-me o aplicativo web
    ```
  </Step>
</Steps>

## Adicione ainda mais ao seu projeto

Seu projeto não está limitado a aplicativos web e mobile. Você pode pedir ao Agent para criar outros tipos de artefatos também:

* **Apresentações de slides** — "Crie uma apresentação para este aplicativo"
* **Vídeos animados** — "Faça um vídeo explicativo curto para este aplicativo"
* **Visualizações de dados** — "Crie um painel mostrando estatísticas de uso"
* **Documentos** — "Escreva um resumo descrevendo este aplicativo"

Cada um se torna um novo artefato no seu projeto, compartilhável com sua própria URL.

## Publique seu projeto

Quando você clicar em **Publicar**, todos os artefatos do seu projeto ficam no ar juntos. Seu aplicativo web, aplicativo mobile e apresentação de slides recebem cada um sua própria URL e permanecem conectados pelo mesmo backend.

Saiba mais em [Publicar seu aplicativo](/getting-started/quickstarts/publish).

## Próximos passos

<CardGroup cols={2}>
  <Card title="Artefatos" icon="layer-group" href="/replitai/artifacts">
    Saiba mais sobre todos os tipos de artefatos que você pode criar.
  </Card>

  <Card title="Aplicativos mobile" icon="mobile" href="/replitai/building-mobile-apps">
    Aprofunde-se na criação e teste de aplicativos mobile.
  </Card>

  <Card title="Apresentações de slides" icon="presentation-screen" href="/replitai/slide-decks">
    Crie e personalize apresentações de slides.
  </Card>
</CardGroup>