Usando o Claude Code para Construir um Site Drupal com Templates Twig Personalizados

Um desenvolvedor compartilhou sua experiência usando o Claude Code para construir um site Drupal com uma abordagem personalizada que descrevem como "HTML quase headless". Eles usaram o Claude para criar arquivos Twig com HTML bruto, preferindo esse método para ter maior controle sobre a saída.

Abordagem Técnica

O desenvolvedor fez com que o Claude criasse arquivos Twig que incorporam código HTML bruto enquanto ainda utilizam funções principais do Drupal como drupal_view e drupal_block. O CSS foi misturado diretamente nesses templates para estilização. A estrutura do site foi organizada com muitos arquivos Twig individuais no diretório themes/custom/THEME/, que o desenvolvedor comparou com seus métodos típicos de desenvolvimento de aplicativos PHP.

Fluxo de Trabalho de Desenvolvimento

Eles usaram um ambiente local ddev extensivamente, observando que o Claude foi capaz de executar ddev drush e outros comandos diretamente do terminal. Essa configuração facilitou a configuração de visualizações, taxonomias, tipos de conteúdo e estruturas do site.

O processo seguiu estas etapas:

• Começar com o Claude criando o site HTML/CSS primeiro para tornar as alterações mais fáceis e rápidas
• Uma vez que o design foi finalizado, fazer com que o Claude pegasse isso e criasse o site Drupal começando com um sub-tema
• Trabalhar com o Claude para abordar áreas específicas em vez de solicitar correções amplas (por exemplo, "Vamos revisar o tipo de conteúdo XYZ e garantir que corresponda aos templates HTML" em vez de "Claude, corrija todos os tipos de conteúdo")

Detalhes Práticos

O desenvolvedor deixou a depuração do Twig ativada no site Drupal para ver quais arquivos Twig estavam sendo usados. Eles reconheceram que, embora alguma organização fosse benéfica, a estrutura atual serviu como um bom ponto de partida para um site de conteúdo simples.

Essa abordagem permitiu que eles construíssem um site Drupal que não foi construído "do jeito Drupal", mas que correspondia aos seus padrões de desenvolvimento preferidos, tornando o processo mais suave do que o desenvolvimento tradicional do Drupal.