From Data to Impact: How a Decoupled Drupal & Gatsby Transformation Empowered IDMC’s Global Advocacy

Kartik Shukla's session at DrupalCon Barcelona 2024 focused on the decoupled approach
kartik shukla

The Internal Displacement Monitoring Centre (IDMC) is the world’s leading data source for the analysis of internal displacement. Established in 1998 as part of the Norwegian Refugee Council (NRC), they provide rigorous, independent, and trusted service to the international community. IDMC demonstrates the power of compassion and knowledge as the world endures unprecedented crises and uncertainties. Their story is one of bravery and determination, resilience in the face of adversity, and the enduring human spirit's ability to shine a light in even the darkest circumstances.

The session

Points to focus on from the presentation.

The three main components of this ambitious project are:

  • Decoupled Approach: Utilising Drupal+Gatsby to its full potential
  • Seamless transitioning from Drupal 9 to the most recent version of Drupal 10
  • Completing the entire process in an astoundingly short three months.

Find out how this groundbreaking digital transformation of a non-profit organization (NGO) sets new benchmarks for efficiency and creativity in website development and transformation, redefining how organizations approach these tasks.

IDMC website

The session was all about exploring more about the decoupled approach (Drupal and Gatsby hybrid solution). 

A decoupled architecture with Drupal 10 and Gatsby was selected. This was primarily driven by Drupal's flexible integrations and content creation features, alongside Gatsby's performance optimization, powerful UI creation, and security benefits.

Combining Drupal's content modeling with Gatsby's UI flexibility allowed IDMC to manage content and experiences effectively in the long term. Additionally, leveraging Netlify for hosting enhanced the deployment process, improving performance and scalability.

This presentation explores the

  • Journey

    • IDMC embarked on a mission to modernize itswebsite using advanced technologies and creative solutions. The objective was to create a smooth, user-focused experience that underlines their commitment to empathy and expertise in difficult situations.
  • Challenges Faced

    • Changing the tech stack combination
    • Implementing the search functionality in Gatsby
    • Navigations & 3rd party integrations
    • Picking the right Hosting
  • Implementation

    • Strategizing Decoupled Drupal and Gatsby
  • Key Features

    • Updated Responsive Website Design
    • Enhanced Search Functionality
    • Streamlined Navigation
    • Enhanced Data Visualization
    • Better Performance And Searchability

Successes in developing a modern, user-centric platform to enhance data accessibility

  • Driving positive change for displaced populations worldwide.

    • Together with IDMC, Axelerant has transformed a stagnant platform into a dynamic, impactful tool for social advocacy and humanitarian outreach. Our partnership has not only elevated the organization’s digital presence but also amplified its ability to serve displaced individuals and foster meaningful change in policy and society. This project stands as a testament to the power of technology in advancing social good and promoting human rights.
IDMC website

Driving Global Advocacy And Engagement

28%

Improved Accessibility

49%

 SEO Performance

38%

Increase website performance

Target Audience & Reaction: Digital managers, Business owners, Consultants, Product owners, Project managers, Agency leaders, Tech leads, Content creators, Drupal enthusiasts & Quality Assurance Engineers.

The audience found the session engaging and how Decouple Architecture helped the Non-profit domain with the revamp. The audience was very keen to understand how impactful it was to combine Drupal & Gatsby and achieve the desired outcome.

Kartik Shukla with Dries Buytaert
Kartik Shukla with Drupal founder Dries Buytaert

Key Outcomes - The target audience can expect to gain insights into:

  1. Innovative Technology: Understanding how decoupled architecture can revolutionize web development for non-profits, enabling greater flexibility and scalability.
  2. Impactful Storytelling: Learning how the Norwegian Refugee Council's Internal Displacement Monitoring Center leveraged the portal to enhance search features and storytelling, amplifying their impact.
  3. Best Practices: Discovering best practices and strategies for implementing a decoupled web portal, with a focus on user experience, content management, and integration.
  4. Transformational Results: Exploring the tangible results and benefits achieved by IDMC through the implementation of the decoupled web portal, including increased engagement, efficiency, and effectiveness in humanitarian efforts.
  5. Future Opportunities: Identifying future opportunities and considerations for non-profits looking to adopt a decoupled approach, and how it can drive digital transformation and mission success.

Note: The vision of this web portal is to help promote news and stories around the Drupal community and promote and celebrate the people and organizations in the community. We strive to create and distribute our content based on these content policy. If you see any omission/variation on this please let us know in the comments below and we will try to address the issue as best we can.

Related Organizations

Related People

Related Events

Advertisement Here

Upcoming Events

Advertisement Here