Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.
7-3 Route Rules
In this lesson, we look at how we can use route rules to configure how Nuxt 3 renders each part of our app — this is called Hybrid Rendering.
NOTE: Currently this is experimental, so use caution here. The API might change before it’s fully stable.
We can specify different render modes on a per-route basis. We can disable SSR, enable static generation, and use full incremental static generation (SWR) where it’s supported.
There are also utilities to specify redirects and headers on a per-route basis, which is very convenient.
VueSchool article on Hybrid Rendering: https://vueschool.io/articles/vuejs-tutorials/hybrid-rendering-in-nuxt-js-3/
Stale-while-revalidate (SWR): https://web.dev/stale-while-revalidate/
Chapter 1 - Building Our MVP
18 lessons
Chapter 2 - Architecture and Organizing Our Code
7 lessons
Chapter 3 - Making Our App Robust
7 lessons
Chapter 4 - Route Middleware and Authentication
11 lessons
Chapter 5 - Server Routes
18 lessons
Chapter 6 - State Management with Pinia
8 lessons
Chapter 7 - Building a Sales Page
17 lessons