The Latest in Next.js 9.4
summary
Release notes and demos show concrete changes: Incremental Static Regeneration (beta) can generate pages on demand and revalidate in the background (demo uses revalidate=1s and a “static tweet” example at scale), React Fast Refresh preserves component state during edits and replaces the old hot‑reload unreliability, modern/legacy JavaScript bundles reduce bytes, fetch is polyfilled in browser and Node, environment vars use next_public prefix, absolute imports/aliases and Sass support ship, and Web Vitals reporting plus improved error overlays and logs are implemented and demonstrated working.
AI-written summary · about
chapters (24)
- 0:00Intro
- 3:09"Web Framework": opinionated system with default tooling
- 4:47Why use a Web Framework? What is needed to build a web application that can scale?
- 6:29UI Component Model Allows teams to share Ul elements, "Components", between views
- 8:27Routing - Codebase
- 9:23Routing - Code Splitting
- 10:09Routing - Linking between pages About Page
- 11:01Pre-rendering HTML
- 14:02Static Generation - Dynamic Routes
- 14:29Static Generation - Preview Mode
- 17:43Static Generation - Incremental Generation
- 20:39Static Generation - Incremental Re-Generation
- 23:05Server-Side Rendering
- 23:32Data fetching - Eliminated from browser bundles
- 26:02Strategies can be combined
- 28:10Modern JavaScript
- 30:36React Fast Refresh
- 32:05New Error Overlay
- 33:11Improved Environment Support
- 34:57Absolute Imports
- 35:41Module aliases
- 36:08basePath support
- 37:00Eslint integration
- 37:58React Concurrent Mode Support
related talks
34mWhat's Next? Exploring the future of React
27mAn introduction to Next.js and what's to come in 2021
40mStatic and Dynamic Next.js
15mGetting Started with Next.js
12mNext.js at the Edge
45mOpening Keynote
10mExploring the New Features of Next.js 13
27mThe Future of React & Next.js – The Web’s SDK (Keynote)