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.
Wes Bos Host
Scott Tolinski Host
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
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
