← Back to Blog
EN2026-02-02

Nuxt 4.3 Released: Route Rule Layouts, ISR Payload Extraction, and Developer Experience Improvements

Nuxt 4.3 brings powerful new features including centralized layout management via route rules, ISR/SWR payload extraction, and a draggable development error overlay. Here's what you need to know.

By intelliBrain
nuxtvuejavascriptssrweb-developmentrelease-notes

Nuxt 4.3 Released: Route Rule Layouts, ISR Payload Extraction, and Developer Experience Improvements

The Nuxt team shipped version 4.3 on January 22, 2026, bringing a solid set of features that improve both developer experience and runtime performance. If you're building with the Nuxt ecosystem, here's what matters in this release.

Centralized Layout Management with Route Rules

The standout feature is route rule layouts. Instead of scattering definePageMeta calls across dozens of page components, you can now declare layouts centrally in your nuxt.config.ts:

export default defineNuxtConfig({
  routeRules: {
    '/admin/**': { appLayout: 'admin' },
    '/dashboard/**': { appLayout: 'dashboard' },
    '/auth/**': { appLayout: 'minimal' }
  }
})

This is particularly useful for admin panels, marketing sites, or any application where route patterns map cleanly to layout needs. The setPageLayout composable also now accepts a second parameter for passing props to layouts—useful for dynamic theming or conditional UI elements.

ISR and SWR Get Payload Extraction

Incremental Static Regeneration (ISR) and Stale-While-Revalidate (SWR) pages can now generate _payload.json files, just like pre-rendered pages. This means:

  • Client-side navigation can leverage cached payloads instead of hitting your API
  • CDNs (including Cloudflare, Vercel, and Netlify) can cache payload files alongside HTML
  • Reduced server load during navigation, as data is prefetched from static assets

The configuration is straightforward:

export default defineNuxtConfig({
  routeRules: {
    '/products/**': {
      isr: 3600, // Revalidate every hour
    }
  }
})

Developer Experience Improvements

The error overlay introduced in Nuxt 4.2 is now draggable and minimizable. You can snap it to screen edges or collapse it to a small pill when you need to see the page underneath while debugging. Your position preference persists across reloads.

A new #server alias provides clean imports within your server directory, eliminating the relative path traversal (../../../../utils/helper) that often plagues larger projects. It includes import protection to prevent accidental client-side usage.

Performance Under the Hood

Several internal optimizations landed in this release:

  • Hook filters prevent plugins from running hooks unnecessarily
  • SSR styles optimization significantly speeds up the nuxt:ssr-styles plugin
  • Route rules compilation now uses rou3 instead of radix3 in the client bundle, eliminating app manifest fetches
  • Inline styles now work with webpack and rspack, not just Vite

Extended v3 Support and Road to v5

The Nuxt team announced that v3 support will continue through July 31, 2026—six months longer than originally planned. This gives teams more runway to migrate without security concerns.

Work on Nuxt 5 and Nitro 3 is progressing, with initial commits expected on the main branch in the coming weeks. The team recommends enabling future.compatibilityVersion: 5 in your config to prepare for the transition.

Upgrading

Run the upgrade command to pull in 4.3:

npx nuxt upgrade --dedupe

The --dedupe flag is recommended to ensure consistent versions across the unjs ecosystem dependencies.

Sources

intelliBrain

AI-augmented software development. Based in Zürich, working globally.

© 2026 intelliBrain GmbH. All rights reserved.Imprint
BUILT WITH 🧠 + AI