How to View and React without a Head

on YouTube ↗28m

" summary

Argues that decoupling content from presentation lets React render content live from a headless CMS and demos a working prototype: a React blog on localhost:3000 hooked to Storyblok, using Storyblok real-time visual editor and a JavaScript bridge so edits appear without deploys. Code shows mapping Storyblok blocks to React components and uses storyblok.js client + storyblok-editable to fetch draft stories and attach event listeners; the demo updates the page in real time and the visual editor edits content inline.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:29Content Management System
3. 1:40Content Management Systems
4. 7:28Visual Editor
5. 18:56Change the Order of the Components
6. 27:09Direct Visual Editing

" related talks

• 26mHow to View and React without a HeadFacundo Giuliani · CityJS Conference São Paulo 2022
• 20m Remix and View Your Content, Without a HeadFacundo Giuliani · RenderATL 2022
• 40mGoing Headless: Zero to Next js HeroSamuel Snopko · Next.js Conf 2020
• 29mIntegrating a Headless CMS with NextJSIfeoma Nwosu · Front-End Foxes Day 2022
• 18mFull Stack Composable ArchitectureFacundo Giuliani · CityJS Athens 2023
• 18mOff with Their Heads: Rise of the Headless ComponentsOmry Nachman · React Summit 2023
• 19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend frameworkChakit Arora · CityJS Singapore 2023
• 07mBy the Power of Headless!Samuel Snopko · React Summit Remote Edition 2021