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 Conf with Code LICHTER 🔗 Route Rule Docs #hybrid-rendering 📺 Build a plain SPA with Nuxt 📺 Rendering Modes in General 📺 @DejaVueFm #E006 - Nuxt Server Components (with Julien Huang) 📺 DejaVue #E017 - Tiptap and (with Vanessa Otto) --- Chaptermarks: 00:00 Intro 00:23 Join me at 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










