Nuxt Server Components

DejaVue

Welcome to the sixth episode of DejaVue! Alex is joined by another amazing guest - he is a Front-end Developer, Public Speaker and also part of the Nuxt.js core team - Julien Huang.

While Michael is still off on paternity leave, Julien and Alex talk about how Julien started to code (during COVID 😲) and when he dabbled into open source, which culminated in joining the Nuxt team and regularly contributing.
One of the key feature that Julien is working on are Server Components - so of course the rest of the episode revolves around them. What are they? How do they work? And when should you use them? Julien will go in-depth on all these questions, give some behind the scene looks and "do's and don'ts" advice too!
Eventually, the future of Server Components is discussed.

Enjoy the episode!

Chapters

• (00:00) - Intro and guest introduction
• (00:50) - Julien's day job
• (02:31) - His programming journey
• (10:28) - Getting into Open Source
• (15:47) - What are Nuxt Server Components?
• (17:37) - When would you use Server Components?
• (20:27) - Server Components and interactivity
• (26:55) - How are Server Components handled on the client side?
• (30:21) - Does Static Site Generation (SSG) work with Server Components?
• (32:43) - Why are Server Components still experimental?
• (35:02) - Remote Component Islands
• (38:32) - The future of Server Components
• (44:38) - Julien's thoughts on React's vs Vue's Server Component approach
• (47:53) - Outro

Links and Resources

• Open Classrooms
• Analog's (Angular) SFC proposal
• Julien's first module to enable the runtime compiler
• Faster Nuxt Builds with the Build Cache Module
• Server Component Docs
• 414 - URI Too Long
• The NuxtIsland component
• Our Nuxt Contribution Guide
• Island Architecture
• Astro
• Server Only Pages
• Inertia.js
• Nuxt.js Discord