A Saga of Web Rendering Woes
summary
Survey of rendering modes compares concrete tradeoffs: client side vs server side vs static generation, then deferred/DSG, incremental static regeneration and edge/hybrid strategies, with examples (Gatsby, Next, Nuxt, Vercel). Demo builds a Nuxt static site wired to Storyblok via local SSL (mkcert), generates HTML to serve from disk so the network shows no API calls, and deploys to Netlify. Notes concrete timings — 20 articles = ~1 minute, 5,000 = ~30 minutes — and shows on‑demand revalidation and preview workflows working end to end.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:51The Website
- 1:30Client Side Rendering
- 3:20Search Engine Optimization
- 3:55Server Side Rendering
- 6:03Static Site Generation
- 8:19Deferred Site Generation
- 9:52Incremental Static Regeneration
- 12:35Edge Rendering
- 13:38Hybrid Rendering
- 15:17Jamstack
- 19:55Thank you!
related talks
21mA Saga of Web Rendering Woes
33mVue Rendering Modes
22mThe Best of Both Worlds: ISG for Nuxt
33mRendering on the Web: Performance Implications of Application Architecture
40mStatic and Dynamic Next.js
24mThe Performance Aspect of Building and Deploying Static Sites
01h 14mJust Do Less
14mStatic Site Generators with JavaScript