Luca Lusso Modernizing Drupal 10 Theme Development Updated -

Luca smiled. “I stopped theming Drupal like it was 2015. I started theming it like it’s a modern React app—but without the complexity. It’s just Twig, ES6, and a proper build pipeline.”

He updated his Drupal Slack status: “Modernizing Drupal themes, one component at a time. #SDC #Drupal10 #NoMoreSpaghettiCSS” luca lusso modernizing drupal 10 theme development

His mission was clear: modernize it without breaking the live site for more than a weekend. Luca smiled

“How?” the client asked, bewildered. It’s just Twig, ES6, and a proper build pipeline

He replaced it with a modern, lean setup. He wrote a custom theme.libraries.yml that imported a single ES6 entry point:

The real magic came when he integrated Tailwind’s @layer components with Drupal’s SDC (Single Directory Components). He configured postcss.config.js to scan the components/ folder. Now, unused CSS was purged automatically. Build times dropped from 12 seconds to 0.8 seconds.