NUXTJuly 3, 2026

Set per-route rendering strategy with routeRules instead of restructuring code

nuxt.config.ts

typescript

export default defineNuxtConfig({
  routeRules: {
    '/':          { prerender: true },        // static at build
    '/blog/**':   { isr: 3600 },              // ISR, revalidate hourly
    '/dashboard/**': { ssr: false },          // client-only SPA
    '/api/**':    { cors: true },
  },
})

`routeRules` applies a rendering mode per URL pattern in config, so marketing pages prerender, content pages use ISR, and authenticated app sections render client-side — all in one deployment without touching component code. This hybrid model lets you optimize each route for its actual traffic and freshness needs. Changing a strategy is a config edit, not a rewrite, which keeps rendering decisions reversible as requirements evolve.

nuxt4renderingisrarchitecture

source:nuxt.com/docs/guide/concepts/rendering