Primeiro Cliente · Guia grátis
PASTA · CONTA · PROJETO · ENVIO · TESTE
Seu site no ar sem pagar hospedagem.
O passo a passo para colocar seu primeiro site no ar pela Cloudflare Pages, com link seguro (https), que abre em qualquer celular. Ela tem plano gratuito, e é o que eu uso nos meus projetos. Você precisa de um computador, um e-mail e a pasta do site pronta.
M
MuriloO que eu uso para conseguir clientes para sites · @primeirocliente.site
📁Pastaindex.html na raiz
☁️ContaGrátis, sem cartão
🚀EnvioArrasta e publica
📱TesteNo celular, fora do Wi-Fi
🤝
O combinado. Os limites e os nomes dos botões da Cloudflare podem mudar. Se uma tela estiver diferente, procure o botão com o nome parecido. Não tem site ainda? Peça para uma IA criar uma página simples em um único arquivo chamado index.html e volte aqui.
1
O que eu conferi
O plano grátis
| Item | Limite que eu conferi |
|---|---|
| Publicações por mês | 500 |
| Arquivos enviados arrastando a pasta | 1.000 |
| Tamanho por arquivo | 25 MiB |
Para um site de pequeno negócio isso sobra. Confira os valores atuais na própria Cloudflare.
2
Passo 1 · o erro mais comum está aqui
Arrume a pasta
Como a pasta deve ficar
meu-site/
index.html
logo.png
fotos/
produto-1.jpg
produto-2.jpg- O arquivo principal precisa se chamar exatamente index.html.
- Ele fica na raiz da pasta, e não dentro de outra pasta.
- Use nomes simples: minúsculas, sem acento e sem espaço.
- Abra o index.html no navegador e confira se as fotos aparecem.
Maiúscula faz diferençaFoto.JPG e foto.jpg são arquivos diferentes na internet. No seu computador pode funcionar e, publicado, a imagem sumir.
O que não colocar na pastaPlanilhas de clientes, senhas, contratos e anotações. Tudo que está na pasta pode ficar acessível pela internet.
3
Passo 2
Crie a conta
- Entre em cloudflare.com e crie uma conta grátis com seu e-mail.
- Confirme o e-mail que eles enviam.
- Entre no painel. Para um site simples nesse plano, não precisa cadastrar cartão.
Senha que só você saibaUse uma senha forte, ative a verificação em duas etapas se a tela oferecer e nunca passe essa senha para cliente nenhum.
Vai fazer sites para clientes? Os sites podem ficar todos na sua conta. O domínio é que deve ficar no nome do cliente (passo 7).
4
Passo 3
Crie o projeto
- No menu, abra Workers & Pages.
- Clique para criar e escolha Pages.
- Escolha enviar arquivos direto (Direct Upload).
- Escolha o nome do projeto, como pet-exemplo. Ele vira o endereço pet-exemplo.pages.dev.
A tela pode sugerir um “Worker”Para este guia, procure a opção Pages. É ela que dá o endereço terminado em .pages.dev.
Use letras minúsculas, números e hífen. O nome é único no mundo: se estiver ocupado, acrescente a cidade.
5
Passo 4 · cerca de um minuto
Envie a pasta
- Arraste a pasta do site para a área de envio e confirme.
- Espere todos os arquivos subirem.
- Clique para publicar. Em cerca de um minuto aparece o link do site.
| Abriu uma página de erro? | Como resolver |
|---|---|
| Erro 404 na página inicial | O index.html não está na raiz. Envie a pasta de dentro. |
| Foto não aparece | Confira maiúsculas e o caminho do arquivo. |
| Site sem formatação | O arquivo de estilo ficou fora da pasta. |
| Mudei e não atualizou | Atualize a página ou abra em aba anônima. |
| Link ainda não abre | Espere alguns minutos e tente de novo. |
6
Passo 5
Teste de verdade
Site só está pronto depois de testado no celular.
- Abri o link no celular, fora do Wi-Fi.
- O texto cabe na tela, sem arrastar para o lado.
- Todas as fotos aparecem.
- Cliquei em todos os botões.
- O botão do WhatsApp abre o número certo.
- A mensagem automática chega sem erro (emoji em link wa.me pode virar símbolo estranho).
- Telefone, endereço e mapa estão certos.
Mande para outra pessoa testarQuem fez o site clica sempre no mesmo caminho. Outra pessoa encontra os problemas mais rápido.
7
Passo 6
Atualize quando precisar
- Altere o arquivo no seu computador e confira no navegador.
- No painel, entre no projeto e crie uma nova publicação com a pasta inteira.
- Teste de novo no celular. O endereço continua o mesmo.
Guarde versõesAntes de uma mudança grande, copie a pasta com a data no nome, como meu-site-2026-11-09. Se algo der errado, você volta.
Enquanto for só um exemplo, impeça que apareça no Google colocando esta linha dentro do <head> do index.html (tire quando o site for lançado):
Linha para não aparecer no Google
<meta name="robots" content="noindex">
8
Passo 7
Domínio próprio (opcional)
O endereço .pages.dev já funciona. O domínio passa mais confiança e é mais fácil de lembrar.
- Registre o .com.br em registro.br. O domínio é pago por ano.
- No projeto da Cloudflare, abra Custom domains.
- Digite o domínio e siga as instruções da tela.
- Altere o DNS onde a tela pedir. Pode levar algumas horas.
- O cadeado de segurança é criado sozinho.
Regra com clienteRegistre o domínio no CPF ou CNPJ dele, nunca no seu. O nome é do negócio, e isso evita confusão se um dia ele sair.
- Tenha autorização por escrito para usar nome, logo e fotos.
- Peça para o cliente conferir preços, telefone e endereço.
- Combine quem paga o domínio e quem faz as alterações.
📍
Site no ar. E agora, pra quem vender? O guia grátis Sua lista de clientes em uma tarde mostra como achar empresas sem site na sua cidade.