DEV Community

Cover image for NuxtJs 3.2.0: The Latest Release Brings Exciting New Features
Alwaisy al-waisy
Alwaisy al-waisy

Posted on • Originally published at amicoder.lol

NuxtJs 3.2.0: The Latest Release Brings Exciting New Features

Nuxt.js, a popular open-source framework for building modern web applications, has just released its latest version, 3.2.0. This is the first minor release since the start of the new release schedule and is packed with new features and improvements.

Do you remember when there was last release?, it was on 3 Feb 2023. The NuxtLab team is so fast, they release 3.2.0, another update from the NuxtJs. In this article, we'll take a look at some of the highlights of this latest release.


Originally published here


Some new features from Nuxt 3.2.0

One of the most exciting features in the 3.2.0 release is Nuxt DevTools. This new tool allows developers to debug and inspect their Nuxt.js applications with ease. You can enable Nuxt DevTools per project by running the command,

 npx nuxi@latest devtools enable
Enter fullscreen mode Exit fullscreen mode

Once you restart your Nuxt server and open your application in the browser, you can toggle the DevTools by clicking on the Nuxt icon at the bottom of the screen or by pressing Alt+D.

  • The latest release includes better DX (developer experience) for overriding runtimeConfig. This includes inline type helpers, making it easier for developers to change their applications.
  • Another exciting feature in the 3.2.0 release is the automatically inferred return type for useFetch and $fetch. This new feature makes it a type error to use the wrong method when hitting an endpoint, and the response type will match the kind of response you make.

https://res.cloudinary.com/dzonsuv6y/image/upload/v1676171803/nuxt-3-2-0/215903089-9f071c5f-50a1-45cd-841d-173f3b5e66db_ack18f.png

  • Additionally, the useFetch is now integrated with event.$fetch, which means that cookies and context are automatically passed to API requests within internal requests.

  • Treeshake Client-Only Components Out of the Server Build: treeshakes client-only components out of the server build more effectively using the experimental treeshakeClientOnly feature. This is turned on by default, but if you experience any issues, you can turn it off by modifying the configuration.

  • Module authors now have access to a new addRouteMiddleware kit utility, making it easier for them to create and manage middleware for their modules.

Nitropack v2.2 Released

Along with the Nuxt.js 3.2.0 release, Nitropack v2.2 has also been released. This new version includes several new features, including runtime proxy support using route rules, nested fetch calls, binary and raw storage operations, and built-in session support.

Conclusion

In conclusion, the Nuxt.js 3.2.0 release is a minor update that brings several new features and improvements to the framework. Whether you're a seasoned Nuxt.js developer or just starting out, this latest release is definitely worth checking out. For more information on the 3.2.0 release, be sure to check out the release notes.

Which feature do you like so much, I like treeshaking and nitropack updates, these are awesome updates by Nuxt team.


A developer lives in a state of learning, some times he suffers from imposter syndrome. I am also a developer and learner. I wrote about what I learned. I want to get you out of syndrome. Here is the newsletter that will help you to learn new concepts. Here you go

I am open to feedback, suggestion, and improvements. Thanks for your precious time.

Top comments (0)