Aula 3 – Portal de Notícias com ChatGPT Sites e Codex

O conceito por trás da construção pública

A série Build in Public representa uma abordagem transparente e educativa para o desenvolvimento de projetos, onde o criador documenta cada etapa do processo, incluindo decisões, erros, testes e ajustes, sem cortes. Leandro Biffi adota essa metodologia para demonstrar o potencial do ChatGPT Sites como uma ferramenta viável para a criação de produtos digitais reais, não apenas protótipos. A ideia central é validar a hipótese de que um construtor de sites baseado em IA, se não entrega 100% de perfeição, certamente resolve 80% do trabalho operacional de estruturação e design. Ao compartilhar a jornada de um portal de notícias funcional, o vídeo inspira outros criadores a abandonarem a procrastinação e focarem na execução prática, usando a IA como um acelerador para sair do zero rapidamente.

Estruturando a espinha dorsal do portal

O primeiro grande desafio ao criar um portal de notícias é a arquitetura da informação. A aula foca em como instruir o ChatGPT Sites a gerar uma estrutura lógica e escalável, definindo a hierarquia de páginas e categorias. Leandro mostra como solicitar à IA a criação de uma página inicial que funcione como um hub de conteúdo dinâmico, posicionando estrategicamente a grade de notícias para maximizar a visualização de cliques. A sessão explora a organização de categorias temáticas, essenciais para a navegação do usuário e para a relevância do motor de busca, demonstrando a configuração dos menus e a segmentação do conteúdo em editorias como política, economia e mundo. A comunicação com a IA envolve prompts iterativos para refinar a taxonomia do site.

A materialização visual com cards de notícias

Transformar uma lista de manchetes em uma experiência visual atrativa depende inteiramente da configuração dos cards de notícias. Nesta etapa prática, a aula se aprofunda nos comandos específicos para fazer o ChatGPT Sites gerar componentes visuais responsivos e organizados. São demonstradas técnicas para ajustar a disposição dos cards em grades ou colunas, garantindo que imagens, títulos e resumos se integrem de forma harmoniosa. Leandro enfatiza a importância de refinar a aparência para fugir do visual genérico de site pronto, mostrando como solicitar melhorias de espaçamento, tipografia e hierarquia visual diretamente à IA. O processo revela como ajustar a imagem de destaque, o alinhamento do texto e o comportamento do hover para criar um bloco editorial profissional e informativo.

Ajustes finos e a evolução do layout

Criar o layout inicial é apenas o começo; a evolução do projeto define a qualidade final do produto. A quarta etapa se dedica ao meticuloso processo de depuração visual e funcional, onde Leandro interage com a ferramenta para corrigir pontos de ruptura no design responsivo e inconsistências de alinhamento. A aula demonstra como utilizar o feedback visual para guiar a IA, solicitando mudanças precisas em tempo real. A iteração é a chave: ao invés de aceitar o primeiro resultado, são mostradas sessões de refinamento contínuo, num diálogo constante que é a essência do estilo Build in Public. Ajustes na distribuição do conteúdo, no tamanho dos elementos e na paleta de cores são executados para transformar um layout básico em uma interface coesa e agradável.

Navegação e a lógica da página interna

Um portal não se resume à página inicial; a experiência do usuário ao abrir uma notícia completa é vital. A aula explora a criação e personalização do template de post único, mostrando como garantir que o conteúdo jornalístico esteja legível e bem diagramado. Leandro demonstra como instruir o ChatGPT Sites a estruturar o corpo do texto, mantendo a consistência visual com a homepage. A preocupação com a experiência de leitura inclui a organização de barras laterais com notícias relacionadas e a configuração de cabeçalhos claros. O trabalho revela como a IA pode ajudar a evitar os chamados artigos mortos, páginas internas sem apelo visual, fornecendo uma estrutura narrativa que convida o usuário a permanecer mais tempo no ecossistema do portal.

Metodologia de iteração e resolução de problemas

Um dos maiores valores educacionais do vídeo é a exposição de como lidar com os comportamentos imprevisíveis da IA generativa. Durante a construção, surgem desafios típicos, como o modelo alterar involuntariamente uma seção préviamente aprovada ou interpretar de forma literal demais um comando de design. A quinta mini-seção evidencia a postura de resolução de problemas, mostrando como voltar atrás, resgatar versões anteriores e refazer os comandos com mais clareza. Leandro ensina, na prática, a técnica de isolar problemas: em vez de pedir para refazer o site inteiro, o criador deve solicitar ajustes cirúrgicos. Essa capacidade de diálogo e correção de rota é apresentada como a habilidade mais importante para quem deseja dominar a criação de projetos complexos com IA.

O resultado e os próximos horizontes da série

Ao final da terceira aula, o portal de notícias emerge como uma prova de conceito sólida, demonstrando o poder do ChatGPT Sites em entregar um ambiente funcional gerido por IA. O vídeo conclui com uma análise crítica do status atual do projeto, destacando o que funcionou bem e quais pontos ainda exigirão intervenção manual em etapas futuras. Fica evidente que a ferramenta se consolida como uma aliada para prototipação rápida e lançamento de MVPs de conteúdo, mesmo para usuários sem conhecimento avançado de código. O gancho para a continuação da série reforça o compromisso do criador em aprofundar funcionalidades, sugerindo que a base estabelecida servirá para integrar sistemas de conta e lógica de membros, elevando o projeto a um estágio ainda mais profissional.