Nuxt, the popular Vue.js framework which Stone Labs is using for building web applications, has recently released version 3.3. This update is a minor release but offers significant improvements in terms of performance, developer experience, and bug fixes. The update includes features that will make it easier to develop local modules, improvements to error handling and logging in browser DevTools, and better performance with support for tree-shaking more of the build.
One of the most significant updates in Nuxt 3.3 is the enhanced DX for local module development. The framework now auto-scans the ~/modules folder, registering top-level files as modules in the project, which can be changed, and the Nuxt server will restart automatically. Additionally, you can now add files to the watch array to restart the server, which will be particularly useful for module authors.
Nuxt 3.3 also includes performance improvements, such as an increase in static asset maxAge to one year as a best practice, and more support for tree-shaking your build. This update also includes default chunk error handling, which automatically handles reloading your site on navigation if it updates with a redeploy.
The new version of Nuxt also features better logging in browser DevTools. With the help of the Chrome DevTools team, Nuxt now has first-class support for hiding internal stack traces from logs in Chromium-based browsers, improving the framework’s debugging capabilities. Additionally, Nuxt 3.3 includes improvements with stacktraces involving Nuxt hooks, implementing console.createTask.
In summary, Nuxt 3.3 is a significant update that brings improvements to developer experience, performance, error handling, and logging. Stone Labs is thrilled about this new release and looks forward to utilizing these new features and enhancements in our custom software product development projects using Nuxt.