Building a Versatile Design System for Pacific Data Hub: Bridging Drupal Themes and Headless Frontends
Track: Web Tools & Complementary Technologies
An in-depth exploration of how we crafted a comprehensive design system for the Pacific Data Hub that can operates as both a native Drupal theme and a headless Drupal solution using Next.js components. Leveraging Figma for collaborative design and Bootstrap for responsive and accessible components, we developed a unified system presented through two Storybooks—one that documents the React/Next.js components and another generated from Twig templates within the Drupal theme.
We utilised elements from numerous Bootstrap 5, React, and Drupal open source projects to weave this comprehensive solution together, and the result is a hugely time-saving starter kit for a range of dashboard and web application needs.
We utilised elements from numerous Bootstrap 5, React, and Drupal open source projects to weave this comprehensive solution together, and the result is a hugely time-saving starter kit for a range of dashboard and web application needs.
Speakers
Rox Flame
Rox Flame has been designing websites, programming software and leading technical projects for 2 decades. He's a seasoned business owner and artist from New Zealand, now based in Melbourne, Australia, with over 25 years of experience in interactive media and Drupal. His portfolio spans everything from video games to immersive websites, and design systems.
Additional speakersN/A