Nuxt 4.0 is here: What’s new and what to expect

Nuxt 4 marks a significant shift from its predecessor by prioritizing long-term stability, performance, and developer experience over flashy new features. It introduces a new app/ directory structure, enhancing file organization and development speed by isolating application code from root-level files, leading to faster Hot Module Replacement and improved IDE context. This release also revamps TypeScript integration, addressing previous issues like "type-bleed" by creating separate TypeScript projects for different environments, thus ensuring precise type inference and eliminating hidden bugs. Moreover, changes in data fetching behavior, such as prioritizing fresh data over stale content, encourage developers to design effective loading states, although the previous "stale-while-revalidate" pattern can be manually restored if preferred. Despite the migration to Nuxt 4 being optional, the improvements in workflow efficiency, codebase clarity, and application predictability offer compelling reasons for developers to upgrade.