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 - 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

Links

Tweet us your tasty treats!

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets

Hasty Treat - Next.js 12

Syntax - Tasty Web Development Treats