Live preview with Gatsby and decoupled Drupal
summary
Live preview connects a Gatsby front end to Drupal via gatsby-source-drupal and Drupal’s JSON:API, using the Gatsby Preview service and a Drupal module to push changes; saving a node triggers an immediate update in the staged Gatsby site (demo shows edits appearing faster than Drupal page reloads). Current limits: preview requires a save (Forms API blocks unsaved drafts) and JSON:API is used over HTTP, so work focuses on a content sync API and incremental rebuilds to scale large sites.
AI-written summary · about
chapters (5)
related talks
50mUsing GatsbyJS to build a decoupled (Drupal) website (Live demo)
16mWhen Drupal Met Gatsby: An Early Adopter Case Study
56mHow to keep Drupal relevant in the Git-based and API-driven CMS era
46mAmbitious Editorial Experiences with Headless Drupal
29mProduction Ready React with GatsbyJS
44mDemocratizing JavaScript, Jamstack, and Beyond for More Than Just Developers
43mHow We Implemented Decoupled Drupal as Static for a Bank
59mHeadless Drupal