Usando Claude Code para Construir un Sitio Drupal con Plantillas Twig Personalizadas

Un desarrollador compartió su experiencia usando Claude Code para construir un sitio web en Drupal con un enfoque personalizado que describen como "HTML casi sin cabeza". Usaron Claude para crear archivos Twig con HTML puro, prefiriendo este método para tener un mayor control sobre el resultado.

Enfoque Técnico

El desarrollador hizo que Claude creara archivos Twig que incorporan código HTML puro mientras aún utilizan funciones centrales de Drupal como drupal_view y drupal_block. El CSS se mezcló directamente en estas plantillas para el estilo. La estructura del sitio se organizó con muchos archivos Twig individuales en el directorio themes/custom/THEME/, lo que el desarrollador comparó con sus métodos típicos de desarrollo de aplicaciones PHP.

Flujo de Trabajo de Desarrollo

Utilizaron extensivamente un entorno local ddev, señalando que Claude pudo ejecutar ddev drush y otros comandos directamente desde la terminal. Esta configuración facilitó la configuración de vistas, taxonomías, tipos de contenido y estructuras del sitio.

El proceso siguió estos pasos:

• Comenzar con Claude creando primero el sitio HTML/CSS para que los cambios sean más fáciles y rápidos
• Una vez finalizado el diseño, hacer que Claude tome eso y cree el sitio Drupal comenzando con un subtema
• Trabajar con Claude para abordar áreas específicas en lugar de solicitar correcciones amplias (por ejemplo, "Revisemos el tipo de contenido XYZ y asegurémonos de que coincida con las plantillas HTML" en lugar de "Claude, arregla todos los tipos de contenido")

Detalles Prácticos

El desarrollador dejó habilitada la depuración de Twig en el sitio web de Drupal para ver qué archivos Twig se estaban utilizando. Reconocieron que, aunque cierta organización sería beneficiosa, la estructura actual sirvió como un buen punto de partida para un sitio de contenido simple.

Este enfoque les permitió construir un sitio Drupal que no estaba construido "a la manera de Drupal" pero que coincidía con sus patrones de desarrollo preferidos, haciendo el proceso más fluido que el desarrollo tradicional de Drupal.