Mit Claude Code eine Drupal-Website mit benutzerdefinierten Twig-Templates erstellen

Ein Entwickler teilte seine Erfahrung mit der Nutzung von Claude Code, um eine Drupal-Website mit einem benutzerdefinierten Ansatz zu erstellen, den er als "headless-ish HTML" beschreibt. Er verwendete Claude, um Twig-Dateien mit reinem HTML zu erstellen, und bevorzugte diese Methode für eine größere Kontrolle über das Ergebnis.

Technischer Ansatz

Der Entwickler ließ Claude Twig-Dateien erstellen, die reinen HTML-Code einbinden, während weiterhin Drupal-Kernfunktionen wie drupal_view und drupal_block genutzt wurden. CSS wurde direkt in diese Templates für das Styling eingefügt. Die Seitenstruktur wurde mit vielen einzelnen Twig-Dateien im Verzeichnis themes/custom/THEME/ organisiert, was der Entwickler mit seinen typischen PHP-Anwendungsentwicklungsmethoden verglich.

Entwicklungsworkflow

Er nutzte eine lokale ddev-Umgebung intensiv und merkte an, dass Claude ddev drush und andere Befehle direkt vom Terminal aus ausführen konnte. Dieses Setup erleichterte die Konfiguration von Ansichten, Taxonomien, Inhaltstypen und Seitenstrukturen.

Der Prozess folgte diesen Schritten:

• Beginnen mit der Erstellung der HTML/CSS-Seite durch Claude, um Änderungen einfacher und schneller zu machen
• Sobald das Design finalisiert war, ließ Claude dies nehmen und die Drupal-Website beginnen, ausgehend von einem Sub-Theme
• Mit Claude an spezifischen Bereichen arbeiten, anstatt umfassende Korrekturen anzufordern (z.B. "Lassen Sie uns den XYZ-Inhaltstyp überprüfen und sicherstellen, dass er den HTML-Templates entspricht" anstatt "Claude, korrigiere alle Inhaltstypen")

Praktische Details

Der Entwickler ließ das Twig-Debugging auf der Drupal-Website aktiviert, um zu sehen, welche Twig-Dateien verwendet wurden. Er räumte ein, dass zwar etwas Organisation von Vorteil wäre, die aktuelle Struktur aber als guter Ausgangspunkt für eine einfache Inhaltsseite diente.

Dieser Ansatz ermöglichte es ihm, eine Drupal-Website zu erstellen, die nicht "auf die Drupal-Art" konstruiert war, sondern seinen bevorzugten Entwicklungsmustern entsprach, was den Prozess reibungsloser machte als die traditionelle Drupal-Entwicklung.