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

# Faça uma contribuição

> Faça uma alteração pequena e pontual em um repositório existente com o Replit, confira-a em um preview de desenvolvimento e prepare um pull request para sua equipe revisar.

Agora que você [executou seu app no Replit](https://docs.replit.com/pt/build/code/run-your-first-preview.md), é hora de fazer uma contribuição. Continue no mesmo chat, usando o mesmo repositório do [GitHub](https://github.com) ou do [GitLab](https://gitlab.com).

Este passo a passo usa o [Cloud Agent Demo](https://github.com/replit/cloud-agent-demo) para fazer uma pequena alteração na landing page. Se você estiver usando seu próprio repositório, escolha uma alteração semelhante.

## Faça e proponha uma alteração

**1. Peça uma alteração**

Peça ao Replit que atualize o título principal da landing page:

Mude o título da landing page de "Bring ideas into your codebase."
para "Turn ideas into improvements."
Mostre-me o preview atualizado.

O Replit encontra o código relevante, atualiza o título e mostra a alteração no seu preview.

![Um pedido para mudar o título da landing page, com o título atualizado exibido no preview.](https://mintcdn.com/replit/ZvLiuMLrojYoqf3I/images/code-contributions/contribution-result.jpg?fit=max\&auto=format\&n=ZvLiuMLrojYoqf3I\&q=85\&s=f0f07232da0695764b98a84000a0eeae)

Por enquanto, você está trabalhando em uma cópia local no seu ambiente de desenvolvimento na nuvem. Mais adiante, você abrirá um pull request para propor suas alterações ao repositório.

**Opcional:** Se o seu app precisar de chaves de API ou outras credenciais, adicione-as com segurança usando [Secrets](https://docs.replit.com/pt/build/code/navigate-your-workspace.md#secrets), não no chat. A demo não exige nenhuma.

**2. Teste suas alterações**

Confira o preview para garantir que a alteração tem boa aparência e se comporta como esperado.

* **Aparência:** Verifique se o título está legível no desktop e no mobile, sem texto cortado ou sobreposto.
* **Comportamento:** Experimente os botões e links da página para confirmar que ainda funcionam.
* **Testes:** Peça ao Replit que execute as verificações relevantes e explique qualquer falha.

Teste esta alteração no desktop e no mobile e mostre-me os resultados.

O Replit pode testar suas alterações em um navegador usando o preview em execução. A atividade **Testing your app** no chat mostra as sessões de navegador dele e o que está sendo verificado. Neste exemplo, o Replit verifica o menu mobile e a navegação por teclado.

![A atividade de teste no chat está destacada, mostrando sessões de navegador e um menu mobile sendo verificado.](https://mintcdn.com/replit/ZvLiuMLrojYoqf3I/images/code-contributions/browser-testing.jpg?fit=max\&auto=format\&n=ZvLiuMLrojYoqf3I\&q=85\&s=542aad7e97d865a27dda6deaf5a6553e)

Isso mostra uma verificação em andamento, não um resultado de teste concluído. Leia o relatório final do Replit para ver o que passou e o que ele não conseguiu verificar.

**Opcional: Faça uma alteração complementar pontual.** Se quiser refinar o resultado, peça uma alteração que você consiga verificar, como um rótulo mais claro, um link corrigido ou um pequeno ajuste de estilo. Descreva o que deve mudar e o que deve permanecer igual. Por exemplo:

Renomeie o botão "See how it works" para "Explore the workflow".

As contribuições podem ser tão simples quanto uma mudança de texto ou tão abrangentes quanto um recurso inteiro. Para alterações maiores, descreva o resultado que você quer e depois trabalhe os detalhes com pedidos complementares.

Confira o preview atualizado e os resultados dos testes relevantes após cada alteração complementar. Para alterações sem interface visual, revise os resultados dos testes e o diff do código.

**3. Faça o push das suas alterações**

Depois de conferir o resultado, peça ao Replit que proponha as alterações à sua equipe:

> [!NOTE]
>
> Se estiver usando a demo, crie seu próprio repositório independente antes desta etapa. Mantenha contribuições de prática fora do repositório original da demo.

Faça push destas alterações para uma nova branch no meu repositório e abra um pull request.
Resuma o que mudou e como foi testado.

![Pedindo ao Replit que faça push da alteração do título para uma nova branch e abra um pull request.](https://mintcdn.com/replit/ZvLiuMLrojYoqf3I/images/code-contributions/push-request.jpg?fit=max\&auto=format\&n=ZvLiuMLrojYoqf3I\&q=85\&s=dcf4cc6bf0f6d54e7cf6d280bf870d52)

O Replit faz push da branch e abre um pull request. Neste exemplo, o painel Changes mostra a atualização do título: o texto removido em vermelho e a substituição em verde.

![O Replit mostra o pull request aberto e a alteração do título no painel Changes.](https://mintcdn.com/replit/ZvLiuMLrojYoqf3I/images/code-contributions/push-result.jpg?fit=max\&auto=format\&n=ZvLiuMLrojYoqf3I\&q=85\&s=628442b1340c4cea26814d92b903fed9)

Você também pode encontrar o pedido na aba **Pull requests** do seu repositório no GitHub.

![O pull request da alteração do título destacado na lista de pull requests do GitHub.](https://mintcdn.com/replit/ZvLiuMLrojYoqf3I/images/code-contributions/github-pull-request.jpg?fit=max\&auto=format\&n=ZvLiuMLrojYoqf3I\&q=85\&s=8a67bfdb083244876b5abec420321f6d)

Abra-o e selecione **Files changed** para revisar o diff. Aqui, apenas o título mudou; o restante da página permanece igual.

![A aba Files changed do GitHub mostra o título antigo substituído por Turn ideas into improvements.](https://mintcdn.com/replit/ZvLiuMLrojYoqf3I/images/code-contributions/github-diff.jpg?fit=max\&auto=format\&n=ZvLiuMLrojYoqf3I\&q=85\&s=1a97bd4c133d2554e66909e9229d9825)

No GitLab, peça um merge request. Sua equipe pode revisar as alterações antes de fazer o merge. Abrir um pedido não faz o merge nem o deploy das suas alterações.

A barra lateral **Details** lista os pull requests vinculados a este chat, abaixo do ambiente. Selecione um pedido para voltar às alterações e ao status de revisão dele.

![A barra lateral Details mostra o ambiente e um pull request vinculado ao chat atual.](https://mintcdn.com/replit/ZvLiuMLrojYoqf3I/images/code-contributions/pull-request-details.jpg?fit=max\&auto=format\&n=ZvLiuMLrojYoqf3I\&q=85\&s=af16a78f89c1f02c47b95b333f532a74)

Esta captura de tela mostra o mesmo pedido durante uma revisão posterior. A seguir, você aprenderá a responder a esse feedback de revisão.

A seguir, aprenda a [responder ao feedback de revisão](https://docs.replit.com/pt/build/code/respond-to-review-feedback.md).
