Eu sinceramente não sei como eu poderia fazer isso. Seria algo como SSG? Este é um problema que realmente me incomoda. Eu já cheguei a usar Next.js apenas pela a organização...
Respondendo a "O único problema do HTML é o fato de tudo ficar..." dentro da publicação [ Conteúdo ] Crie tooltips rápido,eficiente e bonito com apenas HTML e CSS!
1
1
TEMPLATES É A SOLUÇÃO!
E para dominar templates, comece no BERÇO DA WEB DINÂMICA: PHP: O PRIMEIRO FRAMEWORK WEB, ESCRITO EM C CIRCA 96!!!
Sim, PHP nasceu como uma engine de templates.
Mergulhe no PHP PURO. O segredo é usar echo para imprimir HTML, junto com os já conhecidos if para condicionais e for para loops. É cru, é direto, é a base.
ENTENDA ISSO PRIMEIRO! PHP puro te ensina a raiz da geração HTML.
Para entender na prática a beleza da geração de HTML com templates, nada melhor que um exemplo real e robusto: Gazelle, o motor por trás do finado what.cd!
O Gazelle é uma ESCOLA de desenvolvimento web server-side em PHP. Um exemplo IMPERDÍVEL de como construir aplicações web ROBUSTAS e EFICIENTES com PHP "raiz" e templates.
A página de torrents do Gazelle é um PRIMOR de como gerar HTML. Ela não é um arquivo único, mas sim, MONTADA POR VÁRIAS OUTRAS PÁGINAS MENORES, cada uma focada em uma parte da interface. (Componentes??)
Explore a pasta sections/torrents: Lá, você verá arquivos como details.php, browse.php, upload.php e muitos outros. Cada um deles é responsável por uma FUNCIONALIDADE ESPECÍFICA da seção de torrents. E Para entender como TUDO SE ENCAIXA, estude com atenção para o index.php. É a COMPOSIÇÃO DE TEMPLATES em ação, no seu melhor!
Qualquer coincidência com a arquitetura de componentes do React NÃO É MERA COINCIDÊNCIA! 😉) A modularização, a quebra em partes menores, é um princípio de arquitetura ATEMPORAL
MAS ATENÇÃO: CLARO QUE NÃO É ASSIM QUE SE FAZ WEB EM 2025! O mundo mudou, as tecnologias evoluíram. Gazelle é um projeto com quase 20 anos, e as ferramentas e abordagens de desenvolvimento web de fato avançaram muito desde então. PORÉM, NÃO SE ENGANE: UMA VEZ QUE VOCÊ ENTENDE A BASE DE CÓDIGO DO GAZELLE, VOCÊ ESTARÁ MUITO MAIS PREPARADO PARA FAZER O DESENVOLVIMENTO WEB MODERNO DO JEITO CERTO!
A organização, a modularização, a clareza do código, a eficiência da geração de HTML server-side, os princípios de arquitetura do Gazelle... TUDO ISSO É EXTREMAMENTE RELEVANTE HOJE, INDEPENDENTE DA LINGUAGEM OU FRAMEWORK QUE VOCÊ ESCOLHA! Porque, sejamos sinceros, a web moderna SE PERDEU UM POUCO NO CAMINHO! Em busca de "melhorias", de "ferramentas mais modernas", a gente ESQUECEU do básico!
ENTÃO, ESTUDE O CÓDIGO DO GAZELLE! Entenda sua ESSÊNCIA, seus PRINCÍPIOS! Porque ali, naquele código "arcaico", há LIÇÕES VALIOSÍSSIMAS para o FUTURO DO DESENVOLVIMENTO WEB! Aquilo ali, em GO, combinado com HTML e CSS MODERNOS (como o do post original), é VISLUMBRE DO MELHOR QUE A WEB pode ser. E eu aposto dinheiro nisso.
Sem mais.
Um abraço e bons estudos!