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

Welcome to the fifth episode of DejaVue! While Michael is on paternity leave after becoming a father, Alex is joined by a special guest, Patrick van Everdingen, Full Stack Developer, Speaker, Panel Host an Co-Founder of CareerDeck.

In this episode, we talk about how Patrick started his Vue- and Nuxt-based side project, CareerDeck - and how it grew from an idea at a pool in Italy to a full-fledged application. From the initial idea to the current state of the application, we discuss the tech stack, the challenges, and also the future of CareerDeck.

Learn why Patrick chose Vue and Nuxt, why decided to rebuild the application again and how he uses AI to create real value for the users of CareerDeck.

Eventually, Patrick turns the tables and asks Alex about his thoughts on the future of Nuxt and how it compares to other frameworks like Laravel or NestJS, as well as the role of plain Vue in the ecosystem.

Enjoy the episode!

Chapters

• (00:00) - Chapter 1
• (00:00) - Intro
• (01:29) - The backstory of CareerDeck
• (06:17) - What makes CareerDeck more than just a GPT wrapper?
• (11:00) - Rebuilding the application again with Nuxt UI
• (14:39) - The tech stack of CareerDeck
• (19:29) - Building a job interview simulator
• (25:07) - What are Server-Sent Events?
• (26:47) - The difference between WebSockets and Server-Sent Events
• (29:38) - Implementing SSE with Nitro
• (31:59) - New folder structure in Nuxt 4
• (34:02) - How does Nitro compare to other frameworks?
• (36:14) - Will Nuxt be the next Laravel or NestJS?
• (41:17) - Why would you choose vanilla Vue over Nuxt?
• (47:06) - Your benefits as a newcomer to a framework
• (49:44) - Where can people reach Patrick
• (51:22) - Outro

Links and Resources

• Devworld Conference
• CareerDeck
• Nuxt
• DejaVue Episode #002 with Harlan Wilton
• Nuxt UI Pro* - GET 20% OFF WITH THE CODE "LICHTER" until the end of the month!
• LangChain
• Llama3
• Nitro
• DejaVue Episode #003 about Nitro
• No gist but H3 Docs on SSE
• WebSockets in Nitro
• Nuxt vs. Nitro
• Improved Nuxt folder structure issue
• Laravel
• Inertia.js
• Laravel Livewire
• Unplugin

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

Welcome to the fourth episode of DejaVue! From a Nuxt topic last week, Michael and Alex jump into a plain Vue.js topic again, or would you say... teleport?
Yes, correct! The Teleports feature from Vue 3 will be explored - from its use cases to the native HTML dialog tag. The two hosts also cover how Teleports were created, even back in Vue 2, and talk about a Nuxt implementation too.

Learn more about Teleports in this episode of DejaVue!

Post-podcast note: The Popover API is now available in all major browsers!

Chapters

• (00:00) - Intro
• (00:35) - What are Teleports?
• (01:35) - The typical Teleport use case
• (03:23) - Other use cases for Teleports (1)
• (06:45) - Async Components and Suspense (1)
• (07:48) - Pitfalls with Teleports
• (09:15) - The native dialog components
• (12:14) - Building an own modal / dialog
• (13:25) - How you did it before Teleports
• (14:33) - What Teleports don't solve
• (15:13) - Other use cases for Teleports (2)
• (16:46) - Teleport targets / Where to teleport
• (17:49) - Vue 2 Teleports
• (19:04) - Teleports and SSR
• (25:13) - Creating Reproductions and Open Source
• (29:28) - Outro

Links and Resources

• Teleports Vue.js Docs
• Headless UI
• The Dialog Element
• Popovers (Now available)
• Portal Vue package (needed in Vue 2)
• Evan You on SSR Teleports
• #teleports in Nuxt
• Suspense + Teleports Issue