Learning Nuxt 4.4
Based on the official Nuxt release notesSame deal as the 4.3 series: I use Nuxt daily, but 4.4 shipped features I hadn't put my hands on yet. Some of these — custom data-fetching factories, an accessibility announcer — genuinely change how I'd structure an app. So let's learn them properly.
Based on the official Nuxt 4.4 release notes. We're learning to use what they shipped, not restating the docs.
How this series works#
Each step takes one feature through the same path: What's new → Why you'd care → Before → After → Do it yourself → Gotchas → Recap.
Mark steps complete as you go — progress is saved in your browser. Start with step one.
Steps
- 1
Custom useFetch & useAsyncData Factories
createUseFetch / createUseAsyncData
- 2
Typed Layout Props in definePageMeta
definePageMeta layout props
- 3
The useAnnouncer Composable
useAnnouncer + <NuxtAnnouncer>
- 4
Smarter Payload Handling for Cached Routes
payloadExtraction: 'client' + LRU payload cache
- 5
The refresh Option for useCookie
useCookie refresh option
- 6
Quick Hits & What to Watch
Round-up: router, DX, tooling, perf