Drupal CMS 2.0 is a milestone — batteries included, editor-friendly, and built around Canvas. For the first time, Drupal ships with a visual editing experience that competes with proprietary platforms. But even with Canvas, editors face the same daily friction.

Need to remove a background from a photo? Open Photoshop. Merge PDFs? Find an online tool. Alt text for a dozen images? Do it manually, or skip it. Every time editors leave the CMS, they lose focus, waste time, and risk inconsistency.

Prerequisite

- Drupal knowledge — Comfortable with Drupal site building, module architecture, and configuration management

- JavaScript fundamentals — Working knowledge of modern JavaScript (ES6+) and basic familiarity with React or similar component frameworks

- Drupal CMS / Canvas familiarity — Basic experience using Drupal CMS and Canvas as an editor or site builder

- No AI/ML expertise required — We treat AI services as external APIs; no machine learning background needed

- No prior extension development experience required — We start from scratch

Target Audience

Intermediate is the right level because this session assumes foundational knowledge but teaches something entirely new.

Outline

Drupal CMS 2.0 ships with Canvas as its built-in experience builder. It's a huge leap forward for editors — but they still hit a wall when everyday tasks force them out of the CMS. Removing image backgrounds, merging PDFs, generating alt text, checking accessibility — every one of these sends editors to an external tool, breaking their flow and wasting time.

Canvas extensions change this. They let developers build tools that live directly inside the Canvas sidebar, feel native to the editor, and operate on the content editors are already working with. When combined with AI services, the possibilities multiply.

This session presents a vision for a comprehensive Canvas extension ecosystem and then gets hands-on by live-building two extensions on stage.

Learning Objectives

1. Understand the Canvas extension ecosystem — Learn the full landscape of what extensions can solve across media, content, SEO, accessibility, documents, design, and workflow within Drupal CMS.

2. Master the extension architecture — Understand how extensions integrate with Canvas through lifecycle hooks, sidebar rendering, event communication, and data flow.

3. Build an AI-powered extension from scratch — Follow along as we create an Alt Text Generator covering AI API integration, error handling, and editor UX patterns.

4. Build a file-processing utility extension — See how to create a PDF Merge tool handling file uploads, client-side processing, progress feedback, and output delivery within Canvas.

5. Integrate AI services into Drupal CMS — Learn patterns for connecting to vision, NLP, and document intelligence APIs while managing keys, rate limits, and fallbacks.

6. Keep the editor responsive under heavy processing — Apply async patterns, web workers, and progress indicators so extensions never block the editing experience.

7. Design editor-first UIs — Build interfaces that feel native to Canvas and handle real-world edge cases gracefully.

8. Contribute to the ecosystem — Understand how to package and share extensions as a new form of community contribution alongside modules and recipes.

Experience level
Intermediate