SSR Web Components
summary
Demonstrates that server-side rendering for Web Components is practical by building an SSR flow: a Node DOM using UnDOM (1K) plus a SkateJS SSR library, a serializer that emits the composed tree serialization, and a client-side rehydration script that attaches real shadow roots. Work includes a Jest environment, a static-site CLI, and Express/Hapi dynamic rendering. Limitations: JSDOM/Domino lack full web-component support and a standardized declarative Shadow DOM format is still required.
AI-written summary · about
chapters (16)
- 0:00Intro
- 1:34Common criticisms
- 3:34SEO / bots
- 6:04User experience
- 8:18Terms
- 8:573 step process
- 9:31Running DOM on the server
- 11:00UnDOM to the rescue!
- 12:07Serialisation
- 13:45Rehydration
- 15:53The road ahead
- 18:01Mocha
- 18:26Static SSR
- 19:14Dynamic SSR
- 19:41Definition of done
- 19:56Done-ification
related talks
46mSSR Web Components
10mSSR Web Components Everywhere (with WASM)
44mServer Side Rendering from the trenches
30mReact Server Components
30mServer Side Rendering: Scared Eyes, Working Hands- 30mServer Side Rendering — The Eyes Fear, the Hands Do
51mDiscussion on React server components
27mSSR & SSG in NextJS