Search a title or topic

Over 20 million podcasts, powered by 

Player FM logo
Artwork

Content provided by Alexander Lichter and Michael Thiessen. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Alexander Lichter and Michael Thiessen or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://podcastplayer.com/legal.
Player FM - Podcast App
Go offline with the Player FM app!

New Releases: Nuxt 3.16 and Nuxt UI 3

42:15
 
Share
 

Manage episode 473963708 series 3564378
Content provided by Alexander Lichter and Michael Thiessen. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Alexander Lichter and Michael Thiessen or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://podcastplayer.com/legal.

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

Your Hosts

Alexander Lichter


Michael Thiessen

---

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.

  continue reading

57 episodes

Artwork
iconShare
 
Manage episode 473963708 series 3564378
Content provided by Alexander Lichter and Michael Thiessen. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Alexander Lichter and Michael Thiessen or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://podcastplayer.com/legal.

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

Your Hosts

Alexander Lichter


Michael Thiessen

---

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.

  continue reading

57 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Listen to this show while you explore
Play