🧑‍💻 Como criei um site com o Codex

Continuo compartilhando novidades sobre como está sendo meu aprendizado com redes neurais.

Na semana passada, me dediquei ao vibecoding. Para praticar, escolhi uma tarefa real: criar uma landing page para meus serviços de consultoria.

Antes, eu tinha uma página no Taplink, mas não estava satisfeito com o design, a funcionalidade e a taxa mensal. Então decidi fazer meu próprio site com o Codex da OpenAI.

Por que o Codex? Pela minha experiência, para essas tarefas ele quase não fica atrás do Claude, mas custa menos de US$ 20 por mês.

🙈 Processo passo a passo para iniciantes

1️⃣ Encontrei sites que gostei pela estrutura e design.

2️⃣ Preparei textos, fotos e links. Enviei tudo para o Codex junto com as referências.

3️⃣ Em cerca de 15 minutos, recebi a primeira versão do site, que já podia ser publicada.

4️⃣ Depois refinei pelo chat: alterei textos e títulos, removi blocos desnecessários, ajustei o design.

5️⃣ Pedi para adaptar o layout para computadores, tablets e smartphones.

6️⃣ Criei um repositório no GitHub e enviei o projeto para lá. Após a autorização, o Codex pode fazer isso sozinho.

7️⃣ Me registrei no Vercel, conectei o GitHub e importei o projeto. Agora, após cada alteração no código, o site é atualizado automaticamente.

8️⃣ Comprei um domínio na Beget. No meu caso, custou mais barato do que na Reg.ru.

9️⃣ Conectei o domínio ao Vercel e configurei os registros DNS, que ligam o domínio ao hosting.
Depois de um tempo, o site ficou acessível na internet.
Antes de publicar, também vale verificar:
— a versão mobile;
— botões e links;
— formulários de contato;
— a correção dos textos;
— o funcionamento do HTTPS.

🚀 Nível avançado

🔟 Verifiquei o site pelo Page Speed Insight e recebi um relatório sobre a velocidade de carregamento.

1️⃣1️⃣ Enviei as recomendações para o Codex. Ele otimizou o código, as imagens e o carregamento da página. Depois disso, o site passou a abrir visivelmente mais rápido em celulares antigos.

1️⃣2️⃣ Pedi para fazer uma otimização básica de SEO:
— configurar títulos e descrições das páginas;
— melhorar a estrutura dos textos;
— adicionar descrições às imagens;
— criar robots.txt;
— criar o mapa do site.

Além disso, vale conectar a análise, o Google Search Console e enviar o mapa do site para indexação.

Na primeira vez, todo o processo levou cerca de 8 horas.
Quaisquer alterações no site pronto levam de 1 a 5 minutos. Mesmo se eu decidir mudar completamente o design, basta descrever a tarefa no chat. O Codex atualiza o código, e o Vercel publica automaticamente a nova versão.

O resultado pode ser visto nas imagens acima ☝️ A fonte e os ícones foram escolhidos pelo próprio Codex.

Quer repetir esse caminho? Recomendo o curso de vibecoding. Lá é tudo igual, mas com instruções em vídeo detalhadas:
👉 [link para o curso]

🎁 10% de desconto com o cupom: IRESHEV