Learning Nuxt 4.3
Based on the official Nuxt release notesHere's the honest truth: I use Nuxt every day, but every release ships features I've never actually put my hands on. Nuxt 4.3 is a perfect example — I read the release notes, nodded along, and then kept writing code the old way out of habit.
So this series is me fixing that, and you're coming with me. We're a room full of novices where it counts: we know the framework, we just haven't used these features yet.
Everything here is based on the official Nuxt 4.3 release notes. We're not replacing the docs — we're learning to actually use what they announced.
How this series works#
Each step takes one feature and walks the same path:
- What's new — the feature in one breath
- Why you'd care — the real problem it solves
- Before — how we did it without the feature
- After — how we do it now
- Do it yourself — hands-on steps you run
- Gotchas — what tripped me up
- Recap — what to remember
Mark each step complete as you go — your progress is saved in your browser. Ready? Start with step one.
Steps
- 1
Route Rule Layouts
appLayout route rule
- 2
ISR / SWR Payload Extraction
Payload extraction for ISR/SWR/cache route rules
- 3
The #server Alias
#server import alias
- 4
Route Groups in Page Meta
route groups exposed via meta.groups
- 5
Layout Props with setPageLayout
setPageLayout second argument
- 6
Quick Hits & What to Watch
Round-up: DX, layers, deprecations