Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →

menu_book Course Curriculum (Nuxt) expand_more

Nuxt Foundations

pages directory routing NuxtLink navigation Dynamic pages Nested routes layouts app.vue Auto-imported components Runtime config

Data and State

useFetch useAsyncData useState Pinia integration Server-only composables useCookie refreshNuxtData clearNuxtData

Server Engine

server/api route server/routes Nitro event handler readBody getQuery setResponseStatus route middleware server middleware

Rendering and Production

SSR and CSR modes routeRules prerender routeRules cache useHead useSeoMeta NuxtImage plugins error.vue

Nuxt / Rendering and Production

routeRules cache

Learn routeRules cache in Nuxt through a focused explanation, a topic-specific example, an engineering warning, and a mastery check.

12 min read • Advanced

nuxt-027.vue

vue

export default defineNuxtConfig({ routeRules:{ '/api/catalog':{cache:{maxAge:600}} } });

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

routeRules cache Mastery Check →

routeRules prerender