클로드 코드를 사용하여 커스텀 트윅 템플릿으로 드루팔 사이트 구축하기

한 개발자가 Claude Code를 사용해 '헤드리스에 가까운 HTML'이라고 묘사하는 독특한 방식으로 Drupal 웹사이트를 구축한 경험을 공유했습니다. 이 개발자는 Claude를 활용해 raw HTML을 포함한 Twig 파일을 생성했으며, 출력물에 대한 더 큰 제어권을 얻기 위해 이 방법을 선호했습니다.

기술적 접근법

개발자는 Claude에게 drupal_view와 drupal_block 같은 Drupal 코어 기능을 여전히 활용하면서 raw HTML 코드를 포함하는 Twig 파일을 작성하도록 했습니다. 스타일링을 위해 CSS는 이 템플릿에 직접 혼합되었습니다. 사이트 구조는 themes/custom/THEME/ 디렉토리에 많은 개별 Twig 파일로 구성되었으며, 개발자는 이를 자신의 일반적인 PHP 애플리케이션 개발 방식과 비교했습니다.

개발 워크플로우

이들은 로컬 ddev 환경을 광범위하게 사용했으며, Claude가 터미널에서 직접 ddev drush 및 기타 명령어를 실행할 수 있었다고 언급했습니다. 이 설정은 뷰, 분류 체계, 콘텐츠 유형 및 사이트 구조의 구성을 용이하게 했습니다.

이 과정은 다음과 같은 단계를 따랐습니다:

• 변경이 더 쉽고 빠르도록 Claude가 먼저 HTML/CSS 사이트를 생성하는 것으로 시작
• 디자인이 확정되면, Claude가 이를 가져와 서브 테마로 시작하는 Drupal 사이트 생성
• 광범위한 수정을 요청하기보다는 Claude와 협력해 특정 영역을 해결 (예: 'Claude, 모든 콘텐츠 유형을 고쳐줘' 대신 'XYZ 콘텐츠 유형을 검토하고 HTML 템플릿과 일치하는지 확인해봅시다')

실용적 세부사항

개발자는 어떤 Twig 파일이 사용되는지 확인하기 위해 Drupal 웹사이트에서 Twig 디버깅을 활성화한 상태로 두었습니다. 일부 구조화가 유익할 수 있음을 인정하면서도, 현재 구조는 간단한 콘텐츠 사이트를 위한 좋은 출발점 역할을 했다고 평가했습니다.

이 접근법은 'Drupal 방식'으로 구축되지 않았지만, 개발자가 선호하는 개발 패턴과 일치하는 Drupal 사이트를 구축할 수 있게 해주었으며, 전통적인 Drupal 개발보다 과정을 더 매끄럽게 만들었습니다.