Building Clean UI in Drupal with Single Directory Components and Shoelace
Drupal Association via YouTube
Build with Azure OpenAI, Copilot Studio & Agentic Frameworks — Microsoft Certified
Future-Proof Your Career: AI Manager Masterclass
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Discover how to build modern, clean user interfaces in Drupal without becoming a front-end specialist by leveraging Single Directory Components (SDCs) and Shoelace Web Components. Learn a scalable, framework-free approach that avoids the complexity and opinions of traditional front-end frameworks like React or Vue while still delivering contemporary UI experiences. Explore practical implementation strategies for integrating Web Components within SDCs to create reusable, maintainable elements that work seamlessly with Drupal's existing systems including Twig templating, Layout Builder, and Paragraphs. Examine real-world examples and understand the trade-offs involved in adopting this sustainable, future-friendly UI development approach. Gain insights into how full-stack Drupal developers can create professional user interfaces without requiring deep front-end framework expertise, making this solution ideal for developers who prefer working within Drupal's ecosystem rather than external design tools.
Syllabus
I’m Not a Front-End Dev: Building Clean UI in Drupal with SDCs and Shoelace
Taught by
Drupal Association