~/talk

JS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend framework

Talkat CityJS Singapore 2023 · 2023-07-26..07-28· [javascript, web-platform]
slides:none on file

Shows a live React demo using story block and the story block react package to fetch JSON by slug, render mapped component schemas, and enable real‑time visual editing and drag‑and‑drop. Adds a new "color" field, demonstrates the value appearing in the API response, and wires conditional front‑end logic for simple personalization (logged‑in vs visitor). Claims quicker content iteration, omnichannel reuse via APIs, cleaner component code, and a working end‑to‑end setup.

AI-written summary · about

  1. 0:00Introduction to talk
  2. 1:50JavaScript benefits overview
  3. 3:12Frontend frameworks advantages
  4. 3:53What is headless CMS
  5. 5:40Monolithic vs headless CMS
  6. 8:08Storyblok CMS setup demo
  7. 9:14React integration code walkthrough
  8. 12:51Granular content field configuration
  9. 14:14Powerful framework combination
  10. 14:35Experiences for content creators
  11. 15:40Marketer benefits explained
  12. 16:23Developer experience advantages
  13. 17:27Personalization techniques
  14. 18:49Conclusion and Q&A
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.