SSR Web Components
summary
Builds full pages by expanding web components on the server so custom tags arrive as real HTML, removing flash of unstyled custom elements and letting pages work with no client JS required; uses enhance.dev as an HTML-first framework, file-based routes, Architect deploying to AWS Lambda and DynamoDB, hoists component CSS into head, and serves personalized data in the initial response to improve First Contentful Paint and Time to Interactive. Demo shows an about page, an elements Social Links MJS, and an about.mjs API that returns socials.
AI-written summary · about
chapters (17)
- 0:00Introduction to dependencies
- 1:35The stability of web standards
- 3:48Building stable source code
- 5:10Understanding types of change
- 7:06Evolution of web technologies
- 8:13Complexity in the front-end
- 10:03The cost of transpilation
- 11:58Revisiting progressive enhancement
- 13:48The HTML-first philosophy
- 15:57Modern frameworks and architect
- 17:46Solving modern ecosystem problems
- 19:13Introduction to web components
- 21:52Problems with web components
- 23:43Introduction to Enhance framework
- 25:30Demonstration of Enhance
- 32:52Key concepts of Enhance
- 35:31Q&A and closing thoughts
related talks
21mSSR Web Components
10mSSR Web Components Everywhere (with WASM)
17mEnhance your Functional Web Apps with Web Components
26mSSR with Quasar Framework
24mThe Good, The Bad, and The Web Components
19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend framework
41mWeb Components: Maintaining and Reusing your Frontend
04mA few things to know about SSR