Nuxt 3.15 Released With Developer Experience Upgrades
The Vue.js meta-framework Nuxt has released version 3.15. The update includes improved support for modules, stability enhancements, and other developer experience (DX) upgrades. This release follows a recent HTTP Archive report that provides quantitative data on Vue.js adoption and performance compared to other frontend frameworks.
- A key update in this version is the integration of Vite 6, a major new version of the underlying build tool. This introduces a new Environment API which is expected to enhance the server development environment in future releases. - Developer tooling is improved through better integration with Chromium DevTools, which can now display Nuxt hook timings directly in the browser's performance panel. - The release enhances the developer experience with updated Hot Module Replacement (HMR) for templates and pages. This change means that when developers make changes to routes, a full page reload is no longer necessary, speeding up development workflows. - Performance optimizations include preloading the app manifest in the browser and tree-shaking unused parts of the `vue-router`, such as the hash mode history, to reduce the final bundle size. - A new `mode: 'navigation'` option was added to the `callOnce` composable. This allows code to run once per navigation, preventing it from executing on both the server and the client during the initial load. - Subsequent patch releases addressed security vulnerabilities, including a significant fix in version 3.15.3 that imposed stricter Cross-Origin Resource Sharing (CORS) restrictions on the development server. - This release is part of a broader development trajectory leading to Nuxt 4 and 5, with some features in 3.15 serving as preparations for these upcoming major versions.
