Voltar para o Blog
IA na Prática39 / 50
  1. 01Bem-vindo: o que você vai conseguir fazer no fim desta série
  2. 02O que é uma IA que conversa, em português claro
  3. 03O que dá e o que não dá pra fazer com IA hoje
  4. 04Claude, ChatGPT, Gemini: qual a diferença e por que vamos usar o Claude
  5. 05Os três jeitos de falar com a IA: site, app e terminal
  6. 06A mentalidade certa: você é o maestro, a IA é o instrumento
  7. 07Criando sua conta e instalando o app do Claude
  8. 08Sua primeira conversa: como pedir bem (o prompt)
  9. 09Anexando arquivos, imagens e PDFs
  10. 10Projetos no Claude: guardando contexto que não se perde
  11. 11Artifacts: quando o Claude monta um documento ou um mini-app pra você
  12. 12Memória, instruções e estilo: ensinando o Claude do seu jeito
  13. 13Planos, limites e custo: o que é grátis e quando vale pagar
  14. 14O que é o "terminal" e por que ele não dá medo
  15. 15Abrindo o terminal no Mac e no Windows (e no Linux)
  16. 16Cinco comandos de sobrevivência: pwd, ls, cd, mkdir, cat
  17. 17Como o computador organiza tudo: pastas, arquivos e caminhos
  18. 18Instalando o Node.js (e o que é isso, afinal)
  19. 19npm: a "loja de peças" gratuita do mundo dev
  20. 20Instalando o VS Code: seu editor de código (e por que precisa de um)
  21. 21O que é o Git e por que todo projeto sério usa
  22. 22Criando sua conta no GitHub (a nuvem do seu código)
  23. 23O que é o Claude Code e por que ele é diferente do app
  24. 24Instalando o Claude Code
  25. 25Primeiro login e sua primeira sessão
  26. 26Como o Claude Code "enxerga" suas pastas (e por que isso importa)
  27. 27Sua primeira tarefa real: peça pra ele criar um arquivo
  28. 28Permissões: quando ele pergunta antes de mexer
  29. 29O arquivo CLAUDE.md: ensinando o robô sobre o seu projeto
  30. 30Modo plano e revisão: deixe ele pensar antes de fazer
  31. 31Errou? Desfazendo e recomeçando sem medo
  32. 32Escolhendo um primeiro projeto pequeno e real
  33. 33Descrevendo o que você quer: o briefing
  34. 34Deixe o Claude montar o esqueleto do projeto
  35. 35Rodando o projeto na sua máquina pela primeira vez
  36. 36Mudando textos, cores e imagens só conversando
  37. 37Quando algo quebra: lendo um erro sem entrar em pânico
  38. 38Pedindo pro Claude consertar o erro (copiar, colar, descrever)
  39. 39Adicionando uma página ou funcionalidade nova
  40. 40Salvando seu progresso com Git (commits, sem decoreba)
  41. 41Subindo seu projeto pro GitHub
  42. 42Colocando seu projeto no ar de graça (deploy)
  43. 43A anatomia de um bom pedido (revisão turbinada)
  44. 44Dividir pra conquistar: por que tarefas pequenas vencem
  45. 45Revisar o que a IA fez: a responsabilidade é sua
  46. 46Segurança básica: senhas, chaves e o que NUNCA colar
  47. 47Quando a IA "alucina" e como perceber
  48. 48Aprendendo a aprender com a IA: ela é sua professora particular
  49. 49Cinco ideias de próximos projetos pra praticar
  50. 50Seu novo superpoder: pra onde ir a partir daqui (fecho)
IA na PráticaParte 39 de 50

Adicionando uma página ou funcionalidade nova

3 min de leitura
Compartilhar
IA na Prática

Seu site já tem a sua cara: nome, foto, cores do seu jeito. Agora bate aquela vontade de crescer. "E se tivesse uma página só de contato? E um botão pras minhas redes sociais? E uma lista dos meus projetos?". Ótimo. É hora de aprender a fazer seu site crescer — com segurança.

A ideia: construa como quem monta com blocos

Pense em montar com blocos de encaixe. Você não despeja a caixa inteira no chão e espera uma casa pronta. Você encaixa um bloco, olha, encaixa o próximo. Se um ficou torto, é fácil ver e ajustar, porque você acabou de colocá-lo.

Crescer seu site é igual: um incremento de cada vez. Você adiciona uma coisa, testa, confirma que funcionou, e só então parte para a próxima. Nada de pedir dez funcionalidades numa tacada só.

Ideias do que você pode adicionar

Para destravar a imaginação, aqui vão adições comuns num site pessoal:

  • Uma seção de projetos, com o nome e uma descrição de cada coisa que você já fez.
  • Uma página separada de contato, com seu e-mail e como te encontrar.
  • Um botão "Fale comigo" que abre seu e-mail quando alguém clica.
  • Links para suas redes, como LinkedIn ou Instagram, em ícones no rodapé.
  • Uma pequena biografia, contando quem você é em dois parágrafos.

Escolha uma para começar. Sério, só uma.

Passo a passo: adicionando uma seção de projetos

Vamos de exemplo. Com o Claude Code aberto na pasta do site, faça um pedido claro:

Adicione uma seção chamada "Meus Projetos" abaixo da minha foto.
Por enquanto, coloque dois projetos de exemplo, cada um com
um título e uma frase de descrição.

O Claude vai criar a seção. Depois:

  1. Volte ao navegador e atualize a página (Cmd + R no Mac, Ctrl + R no Windows).
  2. Veja se a seção apareceu no lugar certo.
  3. Gostou? Agora peça para trocar os exemplos pelos seus projetos reais: "Troque os projetos de exemplo por estes: [escreva os seus]".

Viu o ritmo? Adiciona, testa, refina.

E uma página separada?

Site pessoal pode ter mais de uma página. Por exemplo, uma página só de contato, acessada por um link no menu. O pedido fica assim:

Crie uma página separada de contato, com meu e-mail e um
botão "Fale comigo". Adicione um link para essa página no
menu do topo.

Atualize o navegador, clique no novo link, veja se a página abre. Funcionou? Próximo bloco. Não funcionou? Você já sabe o caminho do post anterior: relate o erro e peça o conserto.

Por que crescer aos poucos é mais seguro

É tentador escrever um pedido enorme: "adicione projetos, contato, redes sociais, uma bio e mude as cores". O Claude até tenta. Mas se algo sair estranho, você fica sem saber qual das cinco coisas causou. Vira um nó.

Com passos pequenos, sempre que algo quebra você sabe a causa: foi a última coisa que você pediu. O conserto é rápido porque o problema está fresco e isolado. Passos pequenos não são lentidão — são controle. Você avança com firmeza, sem medo de derrubar o que já estava bom.

Se algo der errado

  • A nova seção apareceu no lugar errado. Não refaça tudo. Peça o ajuste de posição: "mova a seção de projetos para baixo da biografia".
  • O link da nova página não abre. Confira se você atualizou o navegador. Se ainda assim falhar, relate ao Claude: o que esperava, o que aconteceu, o texto do erro se houver.
  • Pedi demais de uma vez e ficou bagunçado. Sem problema. Diga "vamos por partes: desfaça a página de contato por enquanto e vamos focar só na seção de projetos". Voltar um passo é sempre permitido.

A cada bloco que você encaixa, seu site fica mais completo e você fica mais confiante. Esse hábito de crescer devagar e testar é o que separa quem constrói com tranquilidade de quem vive apagando incêndio.

No próximo post, com o site já redondo, a gente aprende a salvar seu progresso de verdade — usando o Git, sem decoreba e sem medo.

Curtiu como a gente pensa?

É assim que trabalhamos todo dia.

Se esse jeito de pensar é o seu, vem construir com a gente — dá uma olhada nas vagas abertas.

Ver vagas