No more conflicts: Jamstack that works for developers & business users with Gatsby.js
summary
Builds a component-driven blog using Gatsby (now SSG/SSR/DSG in Gatsby v4), Storyblok as the headless CMS, gatsby-source-storyblok plus the Storyblok bridge/editable integration to enable true Storyblok real-time visual editor live editing of nested components, and Gatsby Cloud with webhooks for previews and production deploys. Demo shows creating dynamic teaser/grid/feature components, wiring preview and public API tokens, and deploying to Gatsby Cloud — the full dev→editor workflow completes in under 30 minutes. Gatsby Cloud preview gives editors instant, non-local previews.
AI-written summary · about
chapters (13)
- 0:00Start
- 4:52Live Demo
- 8:45Why Gets Bjs and Headless Cms
- 10:01Headless Cms
- 12:28Gatsby Starters
- 13:28Gatsbyconfig Js
- 16:14Try Storyblock V2
- 16:38Visual Editor
- 23:04Create Components Dynamically
- 25:50Dynamic Component Js File
- 37:23Init Event Listeners
- 43:23Deploying this Project at Gatsby Cloud
- 50:22Three Months Free Trial
related talks
50mUsing GatsbyJS to build a decoupled (Drupal) website (Live demo)
27mBeyond Static: Dynamic Web Applications with Gatsby
38mLIVE DEMO: Using GatsbyJS to build a decoupled (Drupal) website
34mWhat is new with Gatsby.js
42mGatsby is Evolving
29mProduction Ready React with GatsbyJS
19mWhat’s New and What’s Coming?
29mReact Bricks: a CMS with Visual Editing for Next.js and Gatsby based on React Components