Acompanhar a geração página a página, validar no localhost e corrigir desvios cedo.
Teoria — o que o vídeo pode ter passado rápido
O que é localhost
É o site rodando só na sua máquina (ex.: http://127.0.0.1:4321).
Ninguém na internet vê — ideal para errar barato antes do deploy.
Dev server
O comando que o Cursor sobe (Vite/Astro/etc.) observa arquivos e atualiza o browser.
Se “não abre”:
1. peça de novo Rode o projeto local;
2. confira a porta no terminal;
3. veja se outra instância já ocupa a porta.
Comparação visual sistemática
Não role a página “achando bonito”. Cheque contra a arte:
1. Hero (ordem, CTA, hierarquia)
2. Seções (faltou alguma?)
3. Tipografia/cores (fugiu do sistema?)
4. Componentes (FAQ, cards)
5. Mobile (largura ~390px)
Correções cirúrgicas
Fale página + elemento + atual + esperado.
Evite: “melhorar o visual”.
Prefira: “No hero da home, o CTA secundário não aparece no mobile; deve ficar abaixo do primário com 12px de gap.”
Placeholders
[LINK HOTMART] visível é melhor que URL inventada. Cliente/aluno entende que falta dado; SEO e jurídico agradecem.
Comandos
Prompt
Rode o projeto local.
Prompt
O logo atual não está correto. Use o arquivo [caminho]. Substitua em header, footer e favicon se aplicável.
Para a próxima aula
Fechar bugs críticos e publicar no domínio.
PARA CONSULTAR QUANDO PRECISAR
Dúvidas desta aula
O endereço localhost já está na internet?
Não. Ele aponta para o próprio dispositivo. A prévia local serve para conferir o desenvolvimento; enviar esse endereço a outra pessoa não publica o seu site para ela.
A página não abriu. Devo pedir para refazer o site?
Primeiro confira se o servidor de desenvolvimento está em execução e se abriu o endereço informado. Se houver erro, copie a mensagem e descreva o que tentou fazer. Muitas vezes o problema está na inicialização, não no layout.
O site ficou bonito no computador. Já está pronto?
Ainda vale conferir a leitura em uma largura de celular e experimentar menus, links e contato. Uma boa aparência em uma tela não garante que o conteúdo e as ações funcionem nas demais.
Links úteis
Ferramentas e referências desta aula. Os links abrem em uma nova aba.