Tutorials

Philip Norton’s second Drupal 11 link directory article continues Hashbang Code’s series on building a screenshot-backed directory. After Part 1 used headless Chromium for screenshots, Part 2 shifts to a Chrome extension and custom Drupal REST resource to capture fixed-size images and send link data back to the site. ...more

Gordon Heydon outlines a Drupal migration pattern that separates managed file records from binary file transfers. The approach registers file entities and URIs first, verifies missing binaries with HTTP HEAD checks, backfills files only when needed, and uses rsync before go-live to move large file stores more predictably. ...more

ImageX has published a Drupal tutorial on building structured company contact details with a map. Written by Nadiia Nykolaichuk, the guide shows how Drupal core fields, the Address module, and the Simple Google Maps module can be combined to create a reusable company contact card with a telephone number, email address, structured street address, and map display. ...more

Choosing how pages are built and maintained has become a strategic decision for Drupal teams as newer visual tooling emerges alongside established workflows. A recent WebWash tutorial compares the traditional Drupal approach built around blocks and templates with UI Suite and Display Builder, and Drupal Canvas, outlining how each model serves different site-building and editorial needs. ...more

Phil Norton has published the first part of a Drupal 11 tutorial series describing how to build a structured link directory using custom content types, Views, automated screenshot generation, and custom crawler services. The implementation combines Drupal's entity system with Chromium-based page capture to create a searchable collection of curated web resources. Custom hooks, content-ingestion workflows, and future link-monitoring capabilities are central themes throughout the tutorial. ...more

Agent-driven site building and AI-assisted workflow automation are explored in a recent QED42 article by Akhil Babu examining how custom AI agents can be developed for Drupal Canvas. The post discusses Drupal AI tooling, MCP integrations and structured agent workflows used to coordinate layout generation, component selection and page-building tasks inside Canvas environments. ...more

ImageX has published a detailed walkthrough of Drupal’s Flag module, examining how configurable flagging systems can support bookmarking, moderation, reporting, and user-following workflows across Drupal websites. The tutorial focuses on how Drupal site builders can combine Views integration, AJAX interactions, token-based messaging, and reusable flag configurations to create personalised engagement systems across multiple entity types. ...more

Dynamic node rendering and HTMX-driven form interactions are central themes in a recent Drupal 11 tutorial from Phil Norton exploring node display mode previews. The article demonstrates how Drupal forms, HTMX requests, and entity view builders can be combined to preview nodes in different view modes without relying on traditional AJAX callbacks. Form rebuild consistency and selective response replacement are presented as important implementation considerations. ...more

Luigi Cavalieri of SparkFabrik has published a guide on integrating Vue.js 3 applications into Drupal. The approach uses custom modules, blocks, and Vite-based builds. It outlines a modular method for adding frontend interactivity without adopting a full single-page application model. ...more

A tutorial by Phil Norton demonstrates how HTMX can be used in Drupal to build a tabbed interface that loads content dynamically without refreshing the page. The example uses a single controller to handle both initial rendering and HTMX requests, showing how server-driven interactions can replace heavier frontend approaches. The approach highlights a lightweight pattern for introducing interactivity within Drupal. ...more

AI tools can generate fully designed websites quickly, but turning those outputs into maintainable systems requires additional work. Scott Falconer outlines a workflow in which prototypes created with tools like Lovable are rebuilt in Drupal to introduce structure, governance, and reusability. The approach separates rapid visual exploration from production-ready implementation. ...more

Running PHP directly from the database is no longer considered safe in modern Drupal. Joan Catala shows how a small custom Drupal 11 module can replace the old PHP Filter approach by creating a block that dynamically displays random phrases. ...more