An Introduction to Next.js and What's to Come in 2023

Explore an introduction to Next.js and its future developments in 2021 through this conference talk by Tim Neutkens at JSWORLD Conference. Discover why Next.js was created and how it can enhance both end-user experience and developer productivity. Learn about key features such as routing, code splitting, pre-rendering HTML, static generation, server-side rendering, and data fetching. Gain insights into performance optimizations like granular chunking and React Fast Refresh. Understand how Next.js simplifies the complexity of modern web development tooling while providing scalable and performant solutions for building React applications.

Intro
"Web Framework": opinionated systern with default tooling
Routing Web applications can consist of many pages
Routing - Codebase
Routing - Code Splitting
Pre-rendering HTML
Static Generation - Dynamic Routes
Static Generation - Preview Mode Show the updated content to editors
Static Generation - Incremental Generation
Server-Side Rendering On-demand
Data fetching - Eliminated from browser bundles
Core Web Vitals
Granular Chunking • Automatic optimization . 20% or more reduction in application size
React Fast Refresh