Nuxt Server Components vs. Lazy Hydration

We all want less JavaScript and better performance. Both, Nuxt Server Components *and* Lazy Hydration can help with that in different ways. In this video, you learn how both work and what the differences are, plus when to use either! --- Links and Resources 🔗 Nuxt Islands component https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-island.ts 🔗 Island Architecture https://www.patterns.dev/vanilla/islands-architecture 📺 Lazy Hydration in Nuxt https://www.youtube.com/watch?v=hibbpTe661U 📺 Event Fetch https://www.youtube.com/watch?v=7vfwYaHtv3U --- Chaptermarks 00:00 Intro & Overview 00:47 What is Lazy Hydration? 03:24 What are Server Components? 04:45 How do Server Components work under the hood 08:39 Difference between the two 13:55 When to use which? 15:15 Wrapping up --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with.