Speeding up Build Times with DPR in Next js
summary
DPR cuts initial and update build time by pre-rendering only a small critical set and deferring the rest to on-request workers. Example: a 3,700‑page news site with 200 headline pages and 3,500 deferred pages drops to building 200 pages (a ~94.6% reduction). Implementation uses Netlify’s on-demand builders wrapped around serverless functions, Next.js getStaticPaths with fallback: true, and CDN caching so deferred pages are generated once on first request and served statically thereafter.
AI-written summary · about
chapters (10)
- 0:00Introduction and speaker intro
- 3:33What is the Jamstack
- 7:26Problem with large Jamstack builds
- 12:19Existing solutions and tradeoffs
- 14:03Introducing DPR
- 18:16How DPR reduces build times
- 20:01On-demand builders explained
- 22:04Using DPR in Next.js
- 25:14Live demo of DPR
- 27:59Resources and closing
related talks
01h 14mJust Do Less
25mThe first two seconds: Faster page loads with React
29mSpeeding up Without Slowing down
33mWeb performance in large-scale applications
33mUniversal React Apps Using Next.js
31mSpeeding up Startup for Large React Apps
27mOptimizing the Critical Rendering Path in React
26mDon't Make Users Wait: Secrets to Supercharge Server-Rendered Page