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.
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Desarrollador crea un visor multistream de noticias de YouTube con Claude Code.
Un desarrollador utilizó Claude Code para crear Beholder, un panel de monitoreo de noticias en tiempo real que muestra docenas de transmisiones de noticias en vivo de YouTube simultáneamente con calificaciones de sesgo mediático. La herramienta incluye más de 200 canales, bandas de noticias en vivo y funciona en dispositivos móviles, tabletas y computadoras de escritorio.
No desarrollador construye juego de cadena de palabras en un día usando Claude AI.
Un usuario sin experiencia en programación creó un juego completo para navegador en una sola sesión usando Claude AI. El juego de cadena de palabras incluye un diccionario de 74k palabras, efectos de sonido, elementos de diseño y una mascota.
Desarrollo de Juegos en Steam con Claude Code: Proceso de Revisión Técnica y Reestructuración de Código
Un desarrollador utilizó Claude Code para crear y publicar un juego en Steam, detallando cómo manejó la integración del SDK de Steamworks, la configuración de depósitos y la localización para 7 idiomas, pero tuvo dificultades con las especificaciones de imágenes y las estructuras de datos codificadas.
Construyendo una Aplicación de Análisis de Béisbol Fantasía con Claude Code: La Experiencia de un Estudiante de Derecho
Un estudiante de derecho con un título en ciencias de la computación de 2017 desarrolló Ball Knower, una aplicación de análisis de béisbol fantástico para iOS, utilizando Claude Code para la implementación mientras manejaba todas las decisiones de producto y dominio. La aplicación incluye 1,313 perfiles de jugadores de la MLB, selecciones diarias de lanzadores para streaming y clasificaciones de dinastías, con un backend que ejecuta 30 trabajos cron extrayendo datos de 9 fuentes.