3 min read

NuxtJs 3.2.0: The Latest Release Brings Exciting New Features

Build your next Vue.js application with confidence using Nuxt. An open-source framework makes web development simple and powerful.
NuxtJs 3.2.0: The Latest Release Brings Exciting New Features
Photo by Olga Filonenko / Unsplash

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.

🙉
The Nuxt 3.1.0 was the patch release

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 look at some of the highlights of this latest release.

3.1.0 is the first minor release after Nuxt 3.0 is out
The latest release of Nuxt, version 3.1.0, brings various experimental features such as component Islands and server-only components.
Read about Nuxt 3.1.0 and compare.

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 easily debug and inspect their Nuxt.js applications. You can enable Nuxt DevTools per project by running the command,

 npx nuxi@latest devtools enable

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.

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 tree-shaking and nitro-pack updates, these are awesome updates by the Nuxt team.