LIVE DEMO: Using GatsbyJS to build a decoupled (Drupal) website
summary
Live demo shows installing Gatsby, wiring it to Drupal via the gatsby-source-drupal plugin and JSON:API, fetching nodes with GraphQL and creating per-node pages using the createPages API; images use Gatsby’s image plugin with low‑res blurred placeholders and responsive crops, styled-components and typography.js handle fonts and rhythm, and SASS works with a single plugin change. The demo uses five prepared git branches, fetches Drupal in ~0.9s, and builds static HTML/CSS/JS that serves as a fast deployable site (rebuilds needed for new pages).
AI-written summary · about
chapters (5)
- 0:00Introduction to Gatsby
- 8:26Component development
- 13:33Styling and typography
- 23:00Drupal data integration
- 33:43Dynamic page generation
related talks
50mUsing GatsbyJS to build a decoupled (Drupal) website (Live demo)
29mProduction Ready React with GatsbyJS
01h 20mNextJS in Drupal workshop
55mNo more conflicts: Jamstack that works for developers & business users with Gatsby.js
27mBeyond Static: Dynamic Web Applications with Gatsby
45mPump up the JAM with Gatsby
43mHow We Implemented Decoupled Drupal as Static for a Bank
25mLive coding a Portfolio with Gatsby + GraphQL