Trilha de marketing digitalAula 7 de 7
Aula 7

Tirar o site do computador: publicação e domínio

Em uma fraseFazer o site é a parte fácil. Colocar ele no ar com um endereço bonito é onde quase todo mundo trava. Aqui está o mapa completo.

As três coisas que se confundem

Você comentou que teve problema com domínio no site da sua mãe, dos bonecos de impressora 3D. Isso acontece porque existem três coisas diferentes que parecem uma só:

1 · Os arquivosO site em siHTML, CSS, imagens. A IA faz isso pra você.
2 · A hospedagemOnde os arquivos ficamUm computador ligado 24 horas que entrega o site pra quem acessa. A Cloudflare faz isso de graça.
3 · O domínioO endereçoO nome bonito, tipo bonecos3d.com.br. Esse você compra e paga por ano.

O DNS é a lista de contatos da internet

No seu celular, você procura "Mãe" e o celular sabe o número dela. O DNS faz o mesmo: quando alguém digita bonecos3d.com.br, o DNS diz em qual servidor o site está. "Apontar o domínio" é só salvar esse contato corretamente.

Passo 1: publicar grátis na Cloudflare

A Cloudflare tem um serviço chamado Pages que hospeda sites de graça e já te dá um endereço, tipo bonecos3d.pages.dev. Os sites que o Elton fez pro seu pai estão todos assim.

  1. Crie uma conta grátis

    Em dash.cloudflare.com. Se você for menor de idade, peça pro seu pai criar a conta no nome dele.

  2. Escolha um dos três jeitos de subir o site

    Arrastar e soltar: no painel, em Workers e Pages, crie um projeto do tipo Pages e envie a pasta do site. Pela IA: algumas IAs se conectam direto na Cloudflare e publicam pra você. Pelo terminal (seu caso, que programa), veja abaixo.

  3. Pronto, você tem uma URL

    O site já está no ar, com HTTPS, no endereço seu-projeto.pages.dev.

Pelo terminal, com Node instalado:

npx wrangler login
npx wrangler pages project create bonecos3d
npx wrangler pages deploy ./pasta-do-site --project-name=bonecos3d

Cada vez que você mudar o site, roda só o último comando de novo.

Passo 2: comprar o domínio

Passo 3: apontar o domínio pro site

Aqui é onde a maioria trava. O jeito mais simples é deixar a Cloudflare cuidar do DNS:

  1. Adicione o domínio na Cloudflare

    No painel, clique em adicionar um domínio e escolha o plano grátis. A Cloudflare vai te mostrar dois nameservers, tipo ana.ns.cloudflare.com.

  2. Troque os nameservers no registro.br

    Entre no registro.br, abra o seu domínio, vá em DNS, escolha alterar servidores DNS e cole os dois nameservers da Cloudflare. Isso diz pro mundo: "quem manda na lista de contatos desse domínio agora é a Cloudflare".

  3. Espere a propagação

    Pode levar de alguns minutos a algumas horas. A Cloudflare te avisa por e-mail quando estiver ativo.

  4. Conecte o domínio ao projeto

    No seu projeto Pages, abra a aba Custom domains e adicione bonecos3d.com.br. A Cloudflare cria o registro de DNS sozinha e gera o certificado HTTPS.

Os erros mais comuns (provavelmente o seu foi um deles)

Missão

O melhor treino possível

Pegue o site dos bonecos da sua mãe e coloque no ar em .pages.dev ainda hoje. Depois, se ela quiser, compre o domínio e aponte. Você vai aprender todo o processo com um projeto real, e de quebra vai ter o primeiro site no portfólio pra mostrar quando for vender pra comércio local.

Prompt pra IA te guiar se travar
Estou publicando um site estático na Cloudflare Pages e quero usar meu domínio [bonecos3d.com.br], comprado no [registro.br]. Me guie passo a passo, uma etapa por vez, esperando eu confirmar antes de ir pra próxima. Se der erro, vou te mandar a mensagem ou o print exato. O erro que estou tendo agora é: [descreva o erro, ou escreva "nenhum, estou começando"]

Teste rápido

Qual a diferença entre hospedagem e domínio?
Hospedagem é onde os arquivos do site ficam guardados e são entregues. Domínio é o endereço (o nome) que as pessoas digitam pra chegar lá.
O que significa trocar os nameservers?
É dizer pro registro do domínio quem vai cuidar da 'lista de contatos' (o DNS) daquele endereço. Ao colocar os nameservers da Cloudflare, você passa o controle do DNS pra ela.
O site deu erro 522 depois de configurar o domínio. O que verificar primeiro?
Se o domínio foi adicionado na aba Custom domains do projeto Pages. Criar só o registro de DNS sem esse passo causa exatamente esse erro.