Decoupled Drupal: Building Modern Web Experiences with Drupal 11 and Next.js

8:30 PM - 8:40 PM | Welcome and Introduction

• Welcome remarks

• Introduction to Drupal Cameroon

• Speaker introductions

• Session objectives

8:40 PM - 9:00 PM | Introduction to Decoupled Drupal

• What is a Decoupled CMS?

• Traditional vs. Headless vs. Decoupled architectures

• Why this approach is becoming the standard for modern projects

• Real-world use cases in African businesses and institutions

9:00 PM - 9:20 PM | Why Adopt an API-First Architecture?

• APIs at the core of modern applications

• Content reuse across multiple platforms

• Integration with web and mobile applications

• Scalability and maintainability benefits

9:20 PM - 9:40 PM | REST API and JSON:API in Drupal 11

• Drupal's native APIs

• Configuring API endpoints

• Managing content through APIs

• Authentication and security

• Development best practices

9:40 PM - 10:05 PM | Connecting Drupal to Next.js

• Drupal Backend + Next.js Frontend architecture

• Fetching data from Drupal

• Server-Side Rendering (SSR) and Static Site Generation (SSG)

• Dynamic routing and content management

10:05 PM - 10:20 PM | Live Demonstration

Building a Decoupled Application

• Creating content in Drupal

• Exposing content through JSON:API

• Consuming the API in Next.js

• Displaying dynamic content

• Production best practices overview

10:20 PM - 10:25 PM | Performance, SEO, and Security

• Caching and optimization

• SEO with Next.js

• Securing APIs

• Content revalidation and updates

10:25 PM - 10:30 PM | Q&A Session

• Community discussion

• Sharing useful resources

• Collaboration opportunities within Drupal Cameroon

• Drupal Developers

• PHP Developers

• React / Next.js Developers

• Software Architects

• Computer Science Students

• Open Source Enthusiasts

Prerequisites: Basic knowledge of web development and a general understanding of Drupal.