DejaVue

Nuxt 3.16 dropped and it's packed with goodies! In this episode, Alex and Michael break down all the cool stuff in this release that'll make your Nuxt development smoother.

They dive into the new command to initialize a Nuxt application, the performance-game-changing lazy hydration support that'll boost your app's performance, and named layer aliases (that you've been waiting for). Plus, huge performance improvements, better error messages with Nitro 2.11 and debugging improvements that'll save you hours of head-scratching.

But wait, there's more! The duo also geeks out over Nuxt UI v3, which (surprise!) now works with plain Vue.js too - not just Nuxt. Learn how it leverages Tailwind v4, introduces a sweet CSS variables-based design system, and builds on Reka UI primitives for better accessibility. And somehow, a discount code for Nuxt UI Pro* *cough DEJAVUE cough* gets snuck in there too!

Enjoy the episode!

Chapters

• (00:00) - Intro
  


• (00:54) - Nuxt 3.16 Feature Overview
  


• (01:27) - A new way to initialize Nuxt projects
  


• (07:06) - Lazy Hydration in Nuxt
  


• (16:05) - Named Layer Aliases
  


• (17:45) - Lines of Code vs. Complexity
  


• (20:16) - What a new Nitro minor brings to the table
  


• (21:33) - Fine-grained debugging options
  


• (23:25) - Nuxt Devtools v2
  


• (25:47) - Faster module resolution (and faster boot up time)
  


• (27:39) - Using OXC to speed up component parsing
  


• (28:58) - Benchmark performance improvements
  


• (31:43) - Nuxt UI v3
  


• (40:58) - Sneak peek at next weeks episode 👀
  


• (41:17) - Suggest a new slogan!

Links and Resources

• Mastering Nuxt is out now!*
• Nuxt UI*
• Get 20% OFF Nuxt UI PRO* with discount code DEJAVUE

• Nuxt 3.16 blog post
• Vue implementing Lazy Hydration
• Nuxt Lazy Hydration PR
• Lazy Hydration in-depth
• More about Nuxt Layers
• Revamping data fetching in Nuxt PR
• Nitro 2.11
• Youch
• Harlan's PR to speed up module resolution
• OXC PR
• Rolldown-vite
• CodSpeed
• Tailwind Variants

Your Hosts

Alexander Lichter

• Bluesky
• YouTube
• Website

Michael Thiessen

• Twitter
• YouTube
• Website

---

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.