Route Rules in Nuxt - SSR, SSG, ISR and more

Nuxt supports "Hybrid Rendering" - a technique to mix various rendering modes in a single application. From the dashboard behind a login as SPA without SSR, over to caching and even prerendering pages, a lot is possible. Like... removing JS alltogether 😲 Watch the video and figure out how to set things up, how route rules work and which are available #nuxt #vue --- Links and Resources: 🔗 10% Off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/?voucher=LICHTER 🔗 Route Rule Docs https://nuxt.com/docs/guide/concepts/rendering#hybrid-rendering 📺 Build a plain SPA with Nuxt https://www.youtube.com/watch?v=7Lr0QTP1Ro8 📺 Rendering Modes in General https://www.youtube.com/watch?v=CItLUDpMdrA 📺 @DejaVueFm #E006 - Nuxt Server Components (with Julien Huang) https://www.youtube.com/watch?v=gBbx6sRdRjg 📺 DejaVue #E017 - Tiptap and Vue.js (with Vanessa Otto) https://www.youtube.com/watch?v=0ReI69W2cuc --- Chaptermarks: 00:00 Intro 00:23 Join me at vuej.de Conf! 01:03 Agenda for the video 01:43 Demo application overview 02:44 ClientOnly parts of your app 03:37 Default state (SSR on) 04:25 Fully disabling SSR 06:03 Route Rules Introduction 06:52 Remove all JS for a page 08:14 How to get "JS features" back? 12:06 Disabling SSR per page 13:10 Caching route rules 14:14 Caching with SWR 17:20 Client-side navigation when using route rules 20:31 Prerendering a single route 21:45 Static route rule (Caching with infinite max age) 22:10 ISR 24:18 Other route rules & Islands 25:00 Wrapping up