November 15th, 2021 × #Nextjs#React#Performance

Hasty Treat - Next.js 12

Scott and Wes discuss the new features in Next.js 12 including a new Rust compiler, middleware support, React 18 support, AVIF image support, bot detection for ISR, ES modules, and more.


In this Hasty Treat, Scott and Wes talk about Next.js 12 and all of its hot new goodness and updates!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

04:00 - Rust Compiler: ~3x faster Fast Refresh and ~5x faster builds

06:25 - Middleware (beta): Enabling full flexibility in Next.js with code over configuration

08:16 - React 18 Support: Native Next.js APIs are now supported, as well as suspense

09:56 - <Image /> AVIF Support: Opt-in for 20% smaller images

11:58 - Bot-aware ISR Fallback: Optimized SEO for web crawlers

13:10 - Native ES Modules Support: Aligning with the standardized module system

14:39 - URL Imports (alpha): Import packages from any URL, no installs required

Tweet us your tasty treats!