Stop Writing Dead Fish
summary
A concrete claim: static blog layouts make live code feel like a dead fish and converting posts into interactive pieces measurably increases engagement — one post rewritten with live panes and synced highlights gets far more views and shares. Implements shown: MDX with component imports, live editors via Sandpack and the StackBlitz JavaScript SDK, and a custom Code Hike workflow that renders steps, tabs and a static fallback. Patterns: interactive wizards, spotlight, scroll-linked demos.
AI-written summary · about
chapters (9)
- 0:00Dead fish metaphor
- 1:55Websites as magazines
- 2:55Static tutorial problems
- 4:17Dynamic blog example
- 5:43Interactive content patterns
- 8:32Tools for dynamic content
- 11:01Call Hack demo
- 11:42Recap and call to action
- 12:25Closing
related talks
28mHow to View and React without a Head
28mBeyond Skeuomorphic Markdown
24mIncremental rewrites with React, HTMX, and TanStack Start
17mFrom Brittle to Supple: How Gatsby and MDX Made Our Documentation Smoothly
41mReact inline visual editing: now's the time.
25mBuilding Interactive React Applications
38mReact as a Developer Health Tool
18mOff with Their Heads: Rise of the Headless Components