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!
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 https://twitter.com/mattgperry
Introducing Middleware
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
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.
