Nuxt 4.0 improves project organization, data fetching, TypeScript support

Nuxt 4.0, the latest version of an open source web development framework for writing Vue components, has arrived, centered on improvements in project organization, data fetching, and TypeScript support. The whole intent of Nuxt 4.0 is about making the development experience smoother, according to the project’s authors.

Unveiled July 15Nuxt 4.0 improves TypeScript support with project-based separation between the different contexts in a project — app code, server code, shared/ folder, and configuration, said Daniel Roe, leader of the Nuxt core team. This should translate to better auto-completion, more accurate type inference, and fewer confusing errors when working in different contexts, Roe said.

Nuxt 4.0 changes how projects are organized. Application code now lives in an app/ directory by default. This helps keep code separate from node_modules/ and .git/which makes file watchers faster, particularly on Windows and Linux. This also gives an IDE better context about whether a developer is  working with client or server code. Updated UI templates, meanwhile, have an all-new look, with improved accessibility, default titles, and template polish.